Question

我创建了一个简单的表，我正在应用JQuery datable。我已经验证了列数（td）与标题匹配。但是，我得到了这个javascript错误，这阻止了任何javascript函数的执行。

(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>

这个colspan会造成这个问题吗？

我的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);

任何想法如何解决这个问题，因为我查找的所有资源似乎都表示当！=时会发生此错误。我已经检查过，但事实并非如此。谢谢！

Answer 1

删除colspan，摆脱了这个异常

Answer 2

对于它的价值，我从表格HTML格式错误中得到了这个错误

<tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
    <td>Cell 3</td>
<tr>  <!-- PROBLEM HERE -->

JQuery -datatable错误：未捕获TypeError：无法读取未定义的属性'className'

2 个答案: