当表中没有数据时,我们的产品所有者希望我们的空表只显示表头.我似乎无法阻止dataTable创建一个带有"empty ..."消息的行.
这是我用来初始化dataTable的代码.我知道这里有些事情是错的.我一直在试验.:)
$('#InBox').dataTable({
"bFilter": false,
"bPaginate": false,
"bLengthChange": false,
"bInfo": false,
"oLanguage": {
"sEmptyTable": '',
"sInfoEmpty": ''
}
});
Run Code Online (Sandbox Code Playgroud)
这是我试图在dataTable的init函数中放入的一些代码,但我不知道如何让它工作.
/* Table is empty - create a row with an empty message in it */
var anRows[0] = document.createElement('tr');
if (typeof oSettings.asStripClasses[0] != 'undefined') {
anRows[0].className = oSettings.asStripClasses[0];
}
var nTd = document.createElement('td');
nTd.setAttribute('valign', "top");
nTd.colSpan = oSettings.aoColumns.length;
nTd.className = oSettings.oClasses.sRowEmpty;
if (oSettings.fnRecordsTotal() > 0) {
if (oSettings.oLanguage.sZeroFilterRecords.indexOf("_MAX_") != -1)
oSettings.oLanguage.sZeroFilterRecords = oSettings.oLanguage.sZeroFilterRecords.replace("_MAX_", oSettings.fnRecordsTotal());
nTd.innerHTML = oSettings.oLanguage.sZeroFilterRecords;
} else …Run Code Online (Sandbox Code Playgroud) 我一直试图在过滤后得到我的表的行数,但我甚至无法让它最初回复行数.
我的表是通过HTML5呈现的,并由PHP填充,所有这些都正常工作.
<table id="table_books" class="table datatable" data-searchplaceholder="Search books..." data-margindifference="70" >
<thead>
<tr>
<th style="width:30px;"><i class="fa fa-code" title="click"></i></th>
<th>Column1</th>
<th>Column2</th>
<th>Column3</th>
<th class="text-right hidden-xs" style="width:20%">Details</th>
</tr>
</thead>
<tbody>
<?php echo $contenthtml; ?>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
我发现文档说它在1.9中工作,但是我得到了一个无效的函数
$(document).ready(function() {
var btable = $('#table_books').DataTable();
var b_table_count = btable._('tr', {"filter":"applied"});
console.log(b_table_count);
});
Run Code Online (Sandbox Code Playgroud)