數據表未捕獲TypeError：無法設置屬性'0'的未定義

Question

我有一箇中繼器，並用DataTables庫包裝它。以下是js函數。

function createDataTable() { 
    $(document).ready(function() { 
     $('#tblMessages').dataTable({ 
      "sPaginationType": "full_numbers", 
      "sDom": '<"clreol"lf><"scrollable_datatable"rt><"clreol"ip>', 
      "bPaginate": true, 
      "bLengthChange": false, 
      "bFilter": true, 
      "bInfo": false, 
      "bAutoWidth": false, 
      "bAutoHeight": false, 
      "bSort": false, 
      "bStateSave": true, 
      "iCookieDuration": 60*60*24 
     }); 
    }); 
} 

我沒有分頁，只是中繼器右側的滾動條。我在控制檯上得到了這個：

Uncaught TypeError: Cannot set property '0' of undefined jquery.dataTables.min.js:366 
Y              jquery.dataTables.min.js:366 
(anonymous function)          jquery.dataTables.min.js:454 
jQuery.extend.each          jquery.min.js:21 
jQuery.fn.jQuery.each         jquery.min.js:12 
i.fn.dataTable           jquery.dataTables.min.js:434 
(anonymous function)          Message.aspx:156 
jQuery.fn.extend.ready         jquery.min.js:26 
createDataTable           Message.aspx:152 

怎麼了？我該怎麼做？

Answer 1

檢查你的表結構：

• 列數（th）在thead部分必須等於tbody部分列（td）的。有關正確的HTML結構，請參閱manual。

• 如果您使用colspan或rowspan屬性在thead部分th元素，確保每列都有一個獨特的th元素。有關更多信息和演示，請參閱this example。