layui动态添加和删除列

在 layui 表格中动态添加和删除列可以通过重载表格的方式来实现。

添加列：

假设当前表格已经渲染完成，我们需要在表格头部添加一列，可以先获取表格实例，然后通过表格实例的配置项 options 来进行修改，最后使用 reload 方法重新渲染表格即可。

// 获取表格实例
var tableIns = layui.table;

// 获取表格配置项
var options = tableIns.config;

// 在表格头部添加一列
options.cols[0].push({field: 'newCol', title: '新增列'});

// 重新渲染表格
tableIns.reload('tableId', options);

删除列：

假设当前表格已经渲染完成，我们需要删除表格中第二列，可以先获取表格实例，然后通过表格实例的配置项 options 来进行修改，最后使用 reload 方法重新渲染表格即可。

// 获取表格实例
var tableIns = layui.table;

// 获取表格配置项
var options = tableIns.config;

// 删除表格中第二列
options.cols[0].splice(1, 1);

// 重新渲染表格
tableIns.reload('tableId', options);