Question

我在ASP.NET MVC Web应用程序中使用DataTables.net（1.10.12）进行服务器端处理（表加载，数据或控制器没有问题）。当我添加colvis按钮时，我会得到可用字段列表，我可以选择并取消选择我想要的列。

当我选择或取消选择字段时会出现问题 - 列表在失去焦点时不会消失。

我错过了什么？

这是我的观点：

<table class="table" id="tblMyIndex">
    <thead>
        <tr>
            <th>Field_A</th>
            <th>Field_B</th>
            <th>Field_C</th>
        </tr>
    </thead>
</table>

<script>
    $(document).ready(function () {
        var table = $('#tblMyIndex').dataTable({
            processing: true,
            serverSide: true,
            deferRender: true,
            stateSave: true,
            dom: 'lfBtipr',
            buttons: ['colvis'],
            ajax: {
                "url": "/MyController/MyAction",
                "type": "POST"
            },
            columns: [
                { "data": "Field_A" },
                { "data": "Field_B" },
                { "data": "Field_C" }
            ],
            order: [[0, "asc"]]
        });
    });
</script>

当我查看chrome中捕获的错误时，它会说明以下内容（不确定这对任何人是否有意义）：

Uncaught TypeError: d(...).parents(...).andSelf is not a function
at HTMLBodyElement.<anonymous> (dataTables.buttons.min.js:24)
at HTMLBodyElement.dispatch (jquery-3.1.1.js:5201)
at HTMLBodyElement.elemData.handle (jquery-3.1.1.js:5009)

Answer 1

welp，我的观点没有任何问题 - 显然数据表1.10.12和jQuery 3.1.0+有问题。特别是DataTables＆＃39;版本1.2.2下面的按钮插件可能有问题。使用按钮1.2.2更新到数据表1.10.13并且一切都很好......

https://datatables.net/forums/discussion/36825/problem-with-jquery-3-1-0

DataTables.net colvis：可用字段列表在失去焦点后不会消失

1 个答案: