layui有表格没有数据
时间: 2024-05-08 17:22:09 浏览: 68
你好,layui的表格组件可以支持表格没有数据时显示一个提示信息。你可以通过设置table组件的text属性来实现,在没有数据时显示自定义的提示信息。例如:
```
layui.use('table', function(){
var table = layui.table;
//渲染表格
table.render({
elem: '#test',
cols: [[
{field:'id', title:'ID', width:80},
{field:'username', title:'用户名', width:120},
{field:'email', title:'邮箱', width:150},
{field:'sex', title:'性别', width:80},
{field:'city', title:'城市', width:100},
{field:'sign', title:'签名', width:200},
{field:'experience', title:'积分', width:80, sort: true},
{field:'score', title:'评分', width:80, sort: true},
{field:'classify', title:'职业', width:100},
{field:'wealth', title:'财富', width:135, sort: true},
{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
]],
data: [],
text: {
none: '暂无数据' //自定义无数据提示
}
});
});
```
在上面的代码中,我们设置了table组件的data属性为空数组,这样就保证了初始时表格没有数据。同时,我们还设置了text属性,其中的none属性就是在没有数据时显示的提示信息。这样,当表格没有数据时,就会显示“暂无数据”的提示信息。
阅读全文