How to dynamically remove table columns in layui? ラユイでテーブルの列を動的に削除する方法は?

「Layuiにおいて、表の列を動的に削除するには、表の設定を修正する必要があります。具体的な手順は以下の通りです。」

  1. テーブルインスタンスを取得するには、まずテーブルのIDまたはクラスを使用してテーブルインスタンスを取得する必要があります。例えば、:
var table = layui.table;
var tableIns = table.render({
    elem: '#testTable',
    url: '/data',
    cols: [[
        {field: 'id', title: 'ID'},
        {field: 'name', title: '姓名'},
        {field: 'age', title: '年龄'}
    ]]
});
  1. 表格の設定を変更する際、表のインスタンスを取得した後、colsの設定項目を変更して、動的に列を削除することができます。例えば、
// 动态删除表格列
var newCols = tableIns.config.cols[0].filter(function(col) {
    return col.field !== 'age';  // 删除字段为'age'的列
});
tableIns.reload({
    cols: [newCols]
});

上記のコードは、’age’というフィールドを持つ列を削除し、その後テーブルを再読み込みして、列の動的削除を実現します。

注意すべきは、layuiのテーブルには現時点では列を直接削除するAPIメソッドが提供されていないため、列を動的に削除するにはテーブルの設定を変更する方法を使用する必要があることです。

bannerAds