Question

我是JavaScript的新手，在实现数据表并添加搜索栏时遇到问题，我在控制台中遇到错误

Uncaught TypeError: Cannot read property 'style' of undefined

这是我做的代码

$(document).ready(function () {

    setTimeout(function () {

        // alert("ready!");
        $('.datatable-medical-map').DataTable({
            dom: 'Bfrtip',
            "bInfo": false,
            "bFilter": true,
            "paging": false,

            "scrollY": "200px",
            //"scrollCollapse": true,

            "aaSorting": [[1, 'asc']],
            //"scrollX": true,


            //Dugmici, sve isto
            buttons: [
            ],
            columnDefs: [
                 {
                     targets: [0, 1, 2],
                     orderable: false,
                 }
            ]
        });
        jQuery('.datatable-medical-map').wrap('<div class="dataTables_scroll" />');
    }, 2000);
});

所以一切正常，但是启用后出现以下错误。

"scrollY": "200px",
   "scrollCollapse": true

任何想法可能是什么问题？

Answer 1

问题可能是<th>标记的数量需要与配置中的列数匹配（如果没有，请添加）（带有键“ columns”的数组）。如果<th>标签少于指定的列，则会收到此含糊不清的错误消息。

您还可以检查那些链接

https://datatables.net/forums/discussion/43941/problem-with-scrolly

https://datatables.net/forums/discussion/51069/uncaught-typeerror-cannot-read-property-style-of-undefined

Answer 2

问题已通过删除解决

 "scrollY": "200px",
   "scrollCollapse": true

在CSS中，我添加字段以滚动数据表

.dataTables_scroll
          {
           overflow-y:auto;
           height: 200px; 
           overflow-x: hidden;
          }

启用“ scrollY”后：我收到错误消息

2 个答案: