datetables中动态表头,date无数据表格内展示无数据
时间: 2023-08-28 15:03:43 浏览: 71
如果你的datatables中的表头是动态生成的,可以使用datatables提供的columnDefs选项来定义每一列的属性。具体来说,你可以使用columnDefs来为日期列定义一个渲染函数,以便在表格中显示“暂无数据”的提示信息。
以下是一个示例代码:
```
$(document).ready(function(){
$('#example').DataTable({
"columnDefs": [
{
"targets": [0], // 第一列
"render": function(data, type, row, meta){
if(type === 'display' && data === ''){
return '暂无数据';
}
return data;
}
}
],
"language": {
"emptyTable": "暂无数据"
}
});
});
```
这个示例代码中的`columnDefs`选项指定了一个渲染函数,该函数将对第一列进行渲染。如果该列的值为空,渲染函数将返回“暂无数据”的提示信息。同时,我们还设置了`language`选项,以便在整个表格中显示“暂无数据”的提示信息。
请注意,上述代码中的`targets`属性指定了要对哪些列进行渲染。在这个示例中,我们只对第一列进行了渲染。如果你的日期列不是第一列,你需要将`targets`属性设置为该列的索引值。
阅读全文