通过后台传递的标识,layui数据表格列动态显示或隐藏
时间: 2023-05-12 18:06:37 浏览: 164
可以使用 layui 的 table 模块提供的 cols 属性来动态显示或隐藏数据表格列。具体实现方法可以参考以下代码:
// 定义数据表格的列信息
var cols = [
{field: 'id', title: 'ID', width: 80},
{field: 'username', title: '用户名', width: 120},
{field: 'email', title: '邮箱', width: 200},
{field: 'phone', title: '手机号码', width: 120},
{field: 'status', title: '状态', width: 80},
{field: 'create_time', title: '创建时间', width: 160},
{field: 'update_time', title: '更新时间', width: 160},
];
// 根据后台传递的标识动态显示或隐藏数据表格列
if (isShowId) {
cols[0].hide = false;
} else {
cols[0].hide = true;
}
if (isShowEmail) {
cols[2].hide = false;
} else {
cols[2].hide = true;
}
if (isShowPhone) {
cols[3].hide = false;
} else {
cols[3].hide = true;
}
// 渲染数据表格
layui.table.render({
elem: '#demo',
url: '/api/user/list',
cols: [cols],
page: true
});
注意,isShowId、isShowEmail、isShowPhone 都是后台传递的标识,表示是否显示对应的列。如果为 true,则显示该列;如果为 false,则隐藏该列。
阅读全文