没有数据显示时如何隐藏数据表？

Question

我的界面中有一个数据表。当没有数据时，我想隐藏整个数据表。而不是数据表中的列。

有人可以帮助我吗？

Answer 1

如果您从服务器端获取数据，则可以在检查数据为空或未定义时设置$('#yourtable').css('display','none');。

$('#yourtable').DataTable({
            'processing': true,
            'serverSide': true,
            'pagingType': 'simple_numbers',
            'searching': true,
            'autoWidth': false,
            'ajax': {
                'url' : 'your_API_Url',
                'type': 'GET',
                'headers': { 'Authorization':  'Bearer ' + currentUser.access_token },
                'data': function (data) {
                   if(data == null || data == undefined){
                        $('#yourtable').css('display','none');
                   }
                }
            }
});

Answer 2

您还需要隐藏包含表及其内容的包装div。一个真正简单的解决方案是使用initComplete，如下所示：

include APPPATH.'third_party/PHPExcel/PHPExcel.php';                
$excelreader = new PHPExcel_Reader_Excel5();
$loadexcel = $excelreader->load('assets/excel/'.$name);
$objWriter = PHPExcel_IOFactory::createWriter($loadexcel, 'Excel2007');
$loadexcel->save('test.xlsx');

如果主体中没有保存数据的行，则以上内容将隐藏dataTable及其所有自动生成的内容。

为codepen添加了示例。

Answer 3

在没有数据的情况下使用javascript设置表的CSS visibility: hidden