Question

        This is my init code:
           $(document).ready( function () {
        $('#companies').dataTable( {
    "sDom": 'T<"clear">lfrtip',
    "oTableTools": {
        "sRowSelect": "multi",
        "aButtons": [ "select_all", "select_none" ]
    }
        } );
               } );

         This is my body code:
             <body id="dt_example">
             <div id="container">

        <div id="demo_jui">
        <table id="companies" class="display">
         <thead>
     <tr>
        <th>Company name</th>
        <th>Address</th>
        <th>Town</th>
    </tr>
         </thead>
       <tbody>
    <tr>
        <td>ABC</td>
        <td>ABC Street</td>
        <td>Town1</td>
    </tr>
    <tr>
        <td>Dell</td>
        <td>Car street</td>
        <td>Town2</td>
    </tr>

          </tbody>
                </table>
                </div>

                  </div>
                   </body>

我不知道，这里有什么不对。我没有'全选'和'取消选择所有'按钮，我也无法选择单行。我已按照此链接中的示例进行操作：http://datatables.net/release-datatables/extras/TableTools/select_multi.html。我是Jquery和Datatables插件的新手。请帮我解决这个问题。

Answer 1

您必须将TableTools.js和TableTools.css添加到Layout页面或单个View（推荐的Layout页面）。

 <script src="../../Scripts/dataTables/media/js/TableTools.js"
 type="text/javascript"></script>

<link href="../../Scripts/dataTables/media/css/TableTools.css" rel="stylesheet" type="text/css" />

默认情况下，这两个文件位于

中

数据表-VERSIONNUMBER /额外/ TableTools / CSS

数据表-VERSIONNUMBER /额外/ TableTools / JS。

您可以轻松地将这两个文件拖到Visual Studio中的主dataTable文件夹中。

DataTables TableTools - 多行选择不起作用

1 个答案: