vxe-grid自定义表头
时间: 2023-08-22 16:13:10 浏览: 355
引用[1]中的代码是一个Vue组件中的方法,用于刷新表格的列配置。该方法通过传入的参数val来更新表格的列配置。具体实现过程如下:
1. 首先,将loading状态设置为true,表示表格正在加载中。
2. 然后,将传入的val中的columns属性赋值给mixinGridOptions中的columns属性,实现列配置的更新。
3. 获取表格的引用名称tableRefName,并根据val中的columns属性筛选出需要隐藏的列和需要显示的列。
4. 使用$nextTick方法等待下一次DOM更新后,获取表格的所有列配置,并将其赋值给组件的columns属性。
5. 使用setTimeout方法延迟100毫秒执行以下操作:
- 遍历所有的列配置,如果该列的title在需要隐藏的列中,则将该列的visible属性设置为false;如果该列的title在需要显示的列中,则将该列的visible属性设置为true。
- 调用refreshColumn方法刷新表格的列配置,使隐藏或显示的列生效。
- 调用mixin_saveTableData方法保存表格数据。
- 将loading状态设置为false,表示表格加载完成。
引用[2]中的代码是一个Vue组件中的mixinGridOptions属性,用于定义表格的列配置。该属性包含了表格的各个列的配置信息,如type、field、title等。
综上所述,vxe-grid自定义表头的实现可以通过以下步骤完成:
1. 在Vue组件中定义一个mixinGridOptions属性,用于配置表格的列信息。
2. 在需要的地方调用refreshColumn方法,传入新的列配置,实现表头的自定义。
阅读全文