layui 动态插入列

在 layui 中，可以通过表格实例的 `reload()` 方法动态插入列。

首先，需要在表格的 `cols` 属性中定义所有的列。然后，当需要动态插入新列时，可以使用 `reload()` 方法重新加载表格，并在 `cols` 属性中添加新的列定义即可。

以下是一个示例代码：

// 定义表格列
var tableCols = [
  {field: 'id', title: 'ID'},
  {field: 'name', title: '名称'},
  {field: 'age', title: '年龄'}
];

// 初始化表格
var tableIns = layui.table.render({
  elem: '#demo',
  url: '/demo',
  cols: [tableCols],
  page: true
});

// 动态插入新列
var newCol = {field: 'email', title: '邮箱'};
tableCols.push(newCol);
tableIns.reload({cols: [tableCols]});

在上面的代码中，我们定义了一个名为 `tableCols` 的数组，其中包含所有的列定义。然后，我们通过 `layui.table.render()` 方法初始化表格，并将 `tableCols` 数组作为 `cols` 属性的值。

当需要动态插入新列时，我们先定义一个新的列对象 `newCol`，然后将其添加到 `tableCols` 数组中。最后，使用表格实例的 `reload()` 方法重新加载表格，并将新的列定义传递给 `cols` 参数即可。