無法在DataTables中使用按鈕csv 1.10.11

Question

我正在升級使用DataTables 1.9.4和TableTools 2.0.3的現有站點以使用DataTables 1.10.11。我無法將csv按鈕顯示在我的網頁上。

我更換

"oTableTools": { 
    "sSwfPath": "scripts/jquery/TableTools-2.0.3/media/swf/copy_csv_xls.swf", 
    "sRowSelect": "multi", 
    "aButtons": [ 
     { 
      "sExtends": "text", 
      "sButtonText": t.cmdMarkSelectedInvoiced, 
      "fnClick": function (nButton, oConfig, oFlash) { 
       vr.markSelectedInvoiced(); 
      } 
     }, 
     { 
      "sExtends": "csv", 
      "sButtonText": t.cmdExportSelectedToCSV, 
      "bSelectedOnly": true 
     }, 
     { 
      "sExtends": "csv", 
      "sButtonText": t.cmdExportAllToCSV 
     }, 
     { 
      "sExtends": "select_none", 
      "sButtonText": t.cmdDeselectAll 
     } 
    ] 
}, 

與

"buttons": ['csv'], 

爲DataTable中的新初始化：

var bla = $('#someelement').DataTable({     
    "buttons": [ 
     'csv' 
    ], 
    "pagingType": "simple", 
    "destroy": true, 
    "stateSave": true, 
    "stateSaveCallback": function (settings, data) { 
     vr.saveDtState(data); 
    }, 
    "stateLoadCallback": function (settings) { 
     return vr.dtSavedState(settings); 
    }, 
    "pageLength": 10,     
     "language": { 
      "emptyTable": t.tblInfoNoDesignRequestFound, 
      "infoEmpty": t.tblInfoNoDesignRequestFound, 
      "zeroRecords": t.tblInfoNoDesignRequestFound, 
      "info": ct.tblInfoTxtDisplayingXtoYofTotal, 
      "infoFiltered": ct.tblInfoTxtFilteredFromMax, 
      "lengthMenu": ct.tblInfoTxtShow + ' <select>' + '<option selected value=10>10</option>' + '<option value=15>15</option>' + '<option value=20>20</option>' + '<option value=25>25</option>' + '<option value=-1>' + ct.txtAll + '</option>' + '</select> ' + ct.tblInfoTxtRows, 
      "search": ct.tblInfoTxtFilter, 
      "paginate": { 
       "next": ct.tblInfoTxtNextPage, 
       "previous": ct.tblInfoTxtPreviousPage 
      } 
     }, 
     "ordering": true, 
     "order": [], 
     "stripeClasses": [ 
      'myodd', 
      'myeven' 
     ], 
     "data": vr.dataObj.data, 
     "columns": [ 
      { 
       "data": "companyLocation", 
       "title": ct.chCompanyLocation 
      }, 
      { 
       "data": function (source, type, val) { 
        if (type === 'display' || type === 'filter') { 
         return u.jsonToLocalDate(source.requestStatusDateUtc, false); 
        } 
        return source.requestStatusDateUtc; 
       }, 
       "title": ct.chDate 
      }, 
      { 
       "data": function (source, type, val) { 
        return vr.formattedNameSizeAndOrient(source, type) 
       }, 
       "title": ct.chLogoName 
      }, 
      { 
       "data": function (source, type, val) { 
        return vr.formattedDrInfo(source, type) 
       }, 
       "title": ct.chDRNumber 
      }, 
      { 
       "data": "requestStatusDescription", 
       "title": ct.chStatus 
      }, 
      { 
       "data": "invoiceAmount", 
       "title": ct.chInvoiceAmount, 
       "orderable": false, 
       "className": "rightJustify" 
      }, 
      { 
       "data": "invoiceCurrency", 
       "bSortable": false 
      }, 
      { 
       "data": "requestedBy", 
       "title": ct.chCreatedByName, 
       "orderable": false 
      } 
     ], 
     "initComplete": function() { 
      vr.loadColumnSelects('viewRequestsDataTable', this, columnSelects); 
     } 
    }); 

Answer 1

你需要指定dom:參數。