layui获取table的所有列

你可以使用以下代码来获取 table 的所有列：

// 获取表格对象
var table = layui.table;

// 获取表格中的所有列
var cols = table.config.cols;

// 遍历所有列
for (var i = 0; i < cols.length; i++) {
  var col = cols[i];

  // 遍历当前列中的所有字段
  for (var j = 0; j < col.length; j++) {
    var field = col[j].field;

    // 输出当前字段名
    console.log(field);
  }
}

这段代码将会输出当前表格中所有列的字段名。

相关问题

layui 获取table 中的所有数据

layui是一个轻量级的前端UI库，它提供了一个表格组件(Table)，用于展示数据。获取table中的所有数据通常涉及到两个步骤：首先初始化表格，然后从服务器或本地存储加载数据。

1. 初始化表格：

layui.use('table', function(){
    var table = layui.table;
    // 表格id，例如：$("#myTable")
    table.render({
        elem: '#myTable',
        data: initialData, // 这里是初始化的数据源
        method: 'post', // 数据请求方式，默认get
        request: {
            url: '/api/data', // 请求的URL地址
        },
        cols: [
            { field: 'field1', title: '字段1' },
            { field: 'field2', title: '字段2' }
            // ...其他列定义
        ]
    });
});

2. 获取当前表格的数据：

table.on('loadSuccess', function(data){ // 当表格数据加载成功时
    var allData = data.data; // 所有的行数据将会在这个数组里
    console.log(allData);
});

这里`data.data`就是你想要获取的所有行数据。记得替换`initialData`、`'/api/data'`和实际的字段名。

获取layui table 动态设置列宽度

可以通过设置table的lay-data属性中的width属性来动态设置列的宽度。具体方法如下：

1. 在table标签中添加lay-data属性，设置width属性为一个数组，数组中的每个元素表示对应列的宽度，例如：

<table class="layui-table" lay-data="{width: [100, 200, 150]}">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
      <td>数据3</td>
    </tr>
  </tbody>
</table>

2. 如果需要在代码中动态设置列宽度，可以通过修改table的lay-data属性来实现，例如：

var widthArr = [100, 200, 150];
var tableData = {
  // 表格数据
};
var tableConfig = {
  // 其他配置
  width: widthArr
};
// 渲染表格
layui.table.render({
  elem: '#myTable',
  data: tableData,
  cols: [[
    {field: 'col1', title: '列1'},
    {field: 'col2', title: '列2'},
    {field: 'col3', title: '列3'}
  ]],
  // 设置表格属性
  done: function(res, curr, count) {
    // 动态设置列宽度
    tableConfig.width = [150, 250, 100];
    $('#myTable').attr('lay-data', JSON.stringify(tableConfig));
    layui.table.init('myTable');
  }
});

在上面的代码中，我们在表格渲染完成后，通过修改tableConfig对象的width属性来动态设置列宽度，然后将修改后的lay-data属性重新设置给表格。最后，使用layui.table.init()方法重新渲染表格，使修改生效。