2014-06-10 160 views
1

我已經創建了一個簡單的表,我正在應用JQuery datable.I已驗證列數(td)與標題匹配。但是,我得到這個JavaScript錯誤,這是阻止任何JavaScript函數被執行。JQuery -datatable錯誤:未捕獲TypeError:無法讀取未定義的屬性'className'

(function($) { 


      $('#myReportsTbl').dataTable({ 
     aaSorting : [ [ 0, 'asc' ], [ 1, 'asc' ], [ 4, 'asc'], [ 5, 'asc' ] ], 
     aoColumnDefs : [ { bSortable : false, aTargets : [2,3,6,7,8] } ], 
     bInfo : false, 
     bPaginate : false, 
     sDom : 't' 
}); 

})(jQuery); 

在我的表,根據一定的條件下我加了一個錯誤一行如下:

<tr class="errors-msg"> 
     <td colspan="9" class="noBotBorder" style="color:red;">Check this report.</td> 
     </tr> 

這是合併單元格創建問題?

我的TD列的還有一個是一個跨度如下:

  <td> 
       <span> 

        <a id= "approveReport" href="#"> Approve | </a> 

      <a id ="rejectReport" href="#"> Reject</a> 

      </span> 

     </td> 

當我在看的JavaScript控制檯,它報告了以下地方:

Uncaught TypeError: Cannot read property 'className' of undefined 
_fnGatherData jquery.dataTables.js:669 
    (anonymous function) --jquery.dataTables.js:6779 
    b.extend.each --jquery.min.js:3 
    b.fn.b.each --jquery.min.js:3 
    DataTable --jquery.dataTables.js:6366 
    (anonymous function) -- this corresponds to this line: $('#myReportsTbl').dataTable({ 
    (anonymous function)-- this corresponds to })(jQuery); 

任何想法如何解決這一問題,因爲我查閱的所有資源似乎都表示當!=時發生此錯誤。我查過了,情況並非如此。 謝謝!

+2

我敢肯定的數據表不支持合併單元格,我我確信它沒有之前: http://www.datatables.net/forums/discussion/14/datatables-and-colspan 不知道這是否改變 – Patrick

回答

0

刪除合併單元格,擺脫了這個異常

0

的對於它的價值,我從已經嚴重格式化的表格HTML這個錯誤

<tr> 
    <td>Cell 1</td> 
    <td>Cell 2</td> 
    <td>Cell 3</td> 
<tr> <!-- PROBLEM HERE --> 
相關問題