如何解决表格为空时如何隐藏binfo和分页?
我正在使用jquery数据表,并且binfo和paginaton为true。但我希望每当数据表为空时,binfo和分页都应隐藏,而我对如何实现它一无所知。我试图删除整个表,但是它没有显示空表消息。 这是我的代码...
$(function () {
$('#example1').DataTable({
"paging": true,"lengthChange": false,"searching": false,"ordering": true,"info": true,"autoWidth": false,"iDisplayLength": 5,"responsive": true,"pagingType": "full_numbers","bSort" : false,"order": [],"aoColumns": [
{ "bSortable": false },{ "bSortable": false },{ "bSortable": false }
],"language": {
"emptyTable": '<div class="empty-table"><img src="images/robot-rectangular-head-symbol@1X.png"><br>'+'<div class="no-account">No Accounts Found!</div></div>'
}
});
var table = $('#example1').DataTable();
if ( ! table.data().count() ) {
$('.thead-example1').hide();
}
});
<div class="card-body table-card-body">
<table id="example1" class="table" >
<thead class="thead-example1">
<tr>
<th>Provider</th>
<th>Expiry date</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>a</td>
<td>29/05/2020 16:05</td>
<td><a style="color: #FF6859; border-bottom: 1px solid #FF6859;" href="">Disconnect</a></td>
</tr>
<tr>
<td>b</td>
<td>29/05/2020 16:05</td>
<td><a style="color: #FF6859; border-bottom: 1px solid #FF6859;" href="">Disconnect</a></td>
</tr>
<tr>
<td>c</td>
<td>29/05/2020 16:05</td>
<td><a style="color: #FF6859; border-bottom: 1px solid #FF6859;" href="">Disconnect</a></td>
</tr>
<tr>
<td>d</td>
<td>29/05/2020 16:05</td>
<td><a style="color: #FF6859; border-bottom: 1px solid #FF6859;" href="">Disconnect</a></td>
</tr>
<tr>
<td>e</td>
<td>29/05/2020 16:05</td>
<td><a style="color: #FF6859; border-bottom: 1px solid #FF6859;" href="">Disconnect</a></td>
</tr>
</table>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。