2016-02-11 30 views
0

我想能够从动态信息直接传递给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>  

但没有数据显示在表

+0

使用服务器端选项和动态的从数据库中获得 – msvairam

+0

数据你缺少结束引号'RETAILER31'在第三行 – user5697101

+0

否,全文为“RETAILER31,RETAILER32” –

回答

1

从末尾删除双引号:

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

这里是一个工作版本:在数据表阿贾克斯jsfiddle

+0

不幸的是同样的结果 –

+0

那么你显然做了一些错误,因为我已经确定它可以在jsfiddle中工作。 – markpsmith

+0

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

相关问题