datatable：JavaScript來源的數據不工作

我想能夠從動態信息直接傳遞給DataTables，而不是從數據表中讀取文檔（jQuery Javascript庫插件）datatable：JavaScript來源的數據不工作

我有這個表

var dataSet = [ 
        ['IOS-LSLSLS','PRODUCT-NAME','CATEGORY','MANUFACTURER','COUNTRY','RETAILER1, RETAILER2'], 
        ['ANDROID-LSLSLS','PRODUCT-NAME2','CATEGORY2','MANUFACTURER2','COUNTRY2','RETAILER31, RETAILER32']]; 


oTable = $('#devicesDatatableId').dataTable({ 
        "stateSave": true, 
        "bStateSave": true, 
        "data": dataSet,   
        "sScrollY": "auto", 
        "bJQueryUI": true, 
        "sPaginationType": "full_numbers", 
        "bPaginate": true, 
        "bLengthChange": true, 
        "bFilter": true, 
        "aaSorting": [[ 0, "asc" ]], 
        "aoColumnDefs": [ 
            { "bSortable": false, "asSorting": [ "asc" ], "sWidth": "15%", "aTargets": [ 0 ] }, 
            { "sWidth": "20%", "aTargets": [ 1 ] }, 
            { "sWidth": "10%", "aTargets": [ 2 ] }, 
            { "sWidth": "20%", "aTargets": [ 3 ] }, 
            { "sWidth": "15%", "aTargets": [ 4 ] }, 
            { "sWidth": "20%", "aTargets": [ 5 ] } 
           ], 
        "bSort": true, 
        "bInfo": true, 
        "bAutoWidth": true, 
        "bSortCellsTop": true, 
        "sDom": 'tlpi<"clear">', 

       });

和

<table cellpadding="0" cellspacing="0" border="0" class="display normaltable" id="devicesDatatableId"> 
           <thead> 
            <tr>        
             <th >Model</th> 
             <th >Product name</th> 
             <th >Category:</th>           
             <th >Manufacturer:</th> 
             <th >Country(ies):</th> 
             <th >Retailer(s):</th> 
            </tr> 
            <tr class="thefilters">       
             <td ><input name="" size="" maxlength="" id="" value="" type="text"/></td> 
             <td ><input name="" size="" maxlength="" id="" value="" type="text"/></td> 
             <td ><input name="" size="" maxlength="" id="" value="" type="text"/></td>           
             <td ><input name="" size="" maxlength="" id="" value="" type="text"/></td> 
             <td ><input name="" size="" maxlength="" id="" value="" type="text"/></td> 
             <td ><input name="" size="" maxlength="" id="" value="" type="text"/></td> 
            </tr> 
           </thead> 
           <tfoot> 
            <tr> 
             <th>Model</th> 
             <th>Product name</th> 
             <th>Category:</th> 
             <th>Manufacturer:</th> 
             <th>Country(ies):</th> 
             <th>Retailer(s):</th> 
            </tr> 
           </tfoot> 
           <tbody/>  
          </table>

但沒有數據顯示在表

來源

2016-02-11 En NuNYet de Can CalÇadA

使用服務器端選項和動態的從數據庫中獲得 – msvairam

數據你缺少結束引號'RETAILER31'在第三行 – user5697101

否，全文爲「RETAILER31，RETAILER32」 –

從末尾刪除雙引號：

var dataSet = [['IOS-LSLSLS','PRODUCT-NAME','CATEGORY','MANUFACTURER','COUNTRY','RETAILER1, RETAILER2'], 
      ['ANDROID-LSLSLS','PRODUCT-NAME2','CATEGORY2','MANUFACTURER2','COUNTRY2','RETAILER31, RETAILER32']];

這裏是一個工作版本：在數據表阿賈克斯jsfiddle

來源

2016-02-11 11:22:33 markpsmith

不幸的是同樣的結果 –

那麼你顯然做了一些錯誤，因爲我已經確定它可以在jsfiddle中工作。 – markpsmith

@markpsmith你的jsfiddle代碼不起作用 –

datatable：JavaScript來源的數據不工作

回答

相關問題