javascript - DataTables:移位多选不起作用

Question

我正在使用 datatable 1.10。我已经创建了一个表，但我无法在其行上执行多个“shift select”。

根据数据表文档:

TableTools has four row selection modes of operation:
    none - Default, where no user row selection options are available
    single - A single row can be selected
    multi - Multiple rows can be selected simply by clicking on the rows
    os - Operating System like selection where you can use the shift and ctrl / cmd keys on your keyboard to add / remove rows from the selection.

所以我创建我的表如下:

$("#my-table-div").DataTable({
    "retrieve": true,
    "pagingType": "full_numbers",
    "pageLength": 50,
    "lengthMenu": [50, 100, 200],
    "dom": '<lfi<t>p>',
    "autoWidth": false,
    "columns": columnsTable,
    "tableTools": {
        "sRowSelect": "os"
    }
});

如您所见，我使用的是 "sRowSelect": "os"，但它确实无法正常工作。我无法让“shift select”工作。

关于我遗漏或做错了什么的任何想法？

Answer 1

这是一个live example ，您需要添加 dataTables.select.min.js 资源来管理选择选项。而你的选择:"columns": columnsTable 是有问题的。

$(document).ready(function() {
    $('#example').DataTable( {
        "retrieve": true,
        "pagingType": "full_numbers",
        "pageLength": 50,
        "lengthMenu": [50, 100, 200],
        "dom": '<lfi<t>p>',
        "autoWidth": false,
        //"columns": columnsTable, <-- options problem
        "select": {
            "style": "os"
        }
    } );
} );