DataTables TableTools - выбор нескольких строк не работает

        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. Пожалуйста, помогите мне решить эту проблему.

1 ответ

Вы должны добавить TableTools.js и TableTools.css на страницу макета или отдельный вид (рекомендуется страница макета).

 <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" />

По умолчанию эти 2 файла расположены в

DataTable-VersionNumber/ дополнительные / TableTools / CSS

DataTable-VersionNumber/ дополнительные / TableTools / JS.

Вы можете легко перетащить эти 2 файла в основную папку dataTable в Visual Studio.

Другие вопросы по тегам