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.