js提示Cannot read property 'style' of undefined

最新推荐文章于 2025-03-25 22:09:45 发布

微辣米粉

最新推荐文章于 2025-03-25 22:09:45 发布

阅读量2.2w

点赞数 1

分类专栏：前端文章标签： html javascript js

本文链接：https://blog.youkuaiyun.com/tuntun1120/article/details/77480229

版权

前端专栏收录该内容

26 篇文章

订阅专栏

将

"order": [[6, "asc"]],

改为

"order": [[0, "asc"]],

原因，只有3列，我选了第6列进行排序...

所以有一种越界的感觉，因此报错了

<div class="box-body">
    <table class="table table-bordered table-striped" id="mytable" role="grid" aria-describedby="user" style="width: 100%;">
        <thead>
        <tr>
            <th>名字</th>
            <th>年龄</th>
            <th>性别</th>
        </tr>
        </thead>
    </table>
</div>

<script>
    var table;

    $(function () {
        table = $('#mytable').DataTable({
            "sScrollY": $(this).height() -280,
            "serverSide": true,
            "processing": true,
            "paging": true,
            "lengthChange": false,
            "searching": false,
            "ordering": false,
            "info": true,
            "autoWidth": true,
            "order": [[0, "asc"]],//按照第几列排序
            "pageLength": 10,
            "bLengthChange": true,
            "oLanguage": lang,
            "ajax": {
                "url": "${CONTEXT_PATH}/admin/essay/voteList",
                "type": "POST",
                "dataSrc": "data",
                "data": function (d) {
                    d.extra_search = $("#form").serialize();
                }
            }, 
            "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 5 ] }],
            "columns": [
                {"data": "name"},
                {"data": "age"},
                {"data": "sex"}
            ]
        });
    });


</script>