溫馨提示×

layui如何動態(tài)刪除表格列

小億
206
2024-02-20 10:11:40
欄目: 編程語言

在layui中動態(tài)刪除表格列，需要通過修改表格的配置項(xiàng)來實(shí)現(xiàn)。具體步驟如下：

  1. 獲取表格實(shí)例：首先需要通過表格的id或者class獲取到表格實(shí)例，例如：
var table = layui.table;
var tableIns = table.render({
    elem: '#testTable',
    url: '/data',
    cols: [[
        {field: 'id', title: 'ID'},
        {field: 'name', title: '姓名'},
        {field: 'age', title: '年齡'}
    ]]
});
  1. 修改表格配置項(xiàng)：在獲取到表格實(shí)例后，可以通過修改cols配置項(xiàng)來動態(tài)刪除表格列，例如：
// 動態(tài)刪除表格列
var newCols = tableIns.config.cols[0].filter(function(col) {
    return col.field !== 'age';  // 刪除字段為'age'的列
});
tableIns.reload({
    cols: [newCols]
});

以上代碼會刪除表格中字段為’age’的列，然后重新加載表格，實(shí)現(xiàn)動態(tài)刪除列的效果。

需要注意的是，layui表格暫時(shí)沒有提供直接的API方法來刪除表格列，因此需要通過修改表格配置項(xiàng)的方式來動態(tài)刪除列。

0 踩