layui 获取表格列field

可以使用表格组件的 config 属性来进行配置，其中 columns 属性就是表格列的设置，每个列可以设置 field 属性来指定列对应的数据字段。

示例代码如下：

// 表格数据
var tableData = [
  {id: 1, name: '张三', age: 18},
  {id: 2, name: '李四', age: 20},
  {id: 3, name: '王五', age: 22},
];

// 表格配置
var tableConfig = {
  elem: '#table',
  data: tableData,
  cols: [
    {field: 'id', title: 'ID'},
    {field: 'name', title: '姓名'},
    {field: 'age', title: '年龄'},
  ],
};

// 创建表格
layui.table.render(tableConfig);

在上面的示例中，通过设置 cols 属性来定义表格的列，其中 field 属性指定了每一列对应的数据字段。在实际使用中，可以根据具体的需求来进行配置，例如可以设置列的宽度、对齐方式、排序方式等。

相关问题

layui怎么获取field列

在 layui中，可以使用下面这段代码获取一列的数据：

var fieldData = table.cache[tableId];
var fieldArray = [];
for (var i = 0; i < fieldData.length; i++) {
    fieldArray.push(fieldData[i]['field']);
}

其中，tableId是指渲染表格时的id，fieldArray是field列的数组。

layui数据表格列动态显示或隐藏

您好，关于layui数据表格列动态显示或隐藏的问题，您可以使用表格的列渲染属性来实现。具体来说，您可以通过编写一个函数来控制每一列的显示或隐藏。例如，在表格渲染时，您可以将需要隐藏的列的lay-hide属性设置为true，并在函数中判断该属性来决定该列是否显示。

示例代码如下：

//渲染表格
table.render({
    elem: '#demo',
    url: '/data/',
    cols: [[
        {field: 'username', title: '用户名'},
        {field: 'email', title: '邮箱', lay-hide: true},
        {field: 'phone', title: '电话', lay-hide: true},
    ]],
    done: function (res, curr, count) {
        //隐藏指定列
        hideColumn('email');
    }
});

//隐藏列函数
function hideColumn(column) {
    var table = layui.table;
    var hideIndex = -1;
    $.each(table.config.cols[0], function (index, item) {
        if (item.field == column) {
            hideIndex = index;
            return false;
        }
    });
    if (hideIndex != -1) {
        $(table.elem).find('.layui-table-header th').eq(hideIndex).hide();
        $(table.elem).find('.layui-table-body td').each(function () {
            $(this).find('div.layui-table-cell').eq(hideIndex).hide();
        });
    }
}

在上述代码中，我们定义了一个hideColumn函数来隐藏指定列。在表格渲染完成之后，我们可以通过调用该函数来实现列的动态隐藏。在函数中，我们先通过遍历表格的列来获取需要隐藏的列的索引，然后分别隐藏表头和表格体中的相应列。