element 表格多级表头子列固定

element 中 table 固定列使用fixed 属性；但是多级表头时只能固定第一列；

设置对应子列表头的宽度和父系表头的宽度可以使对应的列固定；

不需要固定的列则不需要设置宽度，同时父级表头的宽度需要和子级表头固定列的总宽度相等，不然会出现内容显示不全或者把后面的列遮挡的问题。

如下：

总宽度相等，如下：

<el-table :data="tableData" class="tableStyle tableRadius" stripe:header-row-class-name="headerRow"v-loading="tabsPage[version].loading":cell-style="cellStyle"border><el-table-column :label="item.label" v-for="(item,i) of tableHeader" :width="item.width" :key="i" :fixed="item.fixed"><el-table-columnshow-overflow-tooltipv-for="(ite,j) in item.child":width="ite.width":fixed="ite.fixed":key="j":prop="ite.prop":label="ite.label":formatter="ite.formatter"></el-table-column></el-table-column></el-table>

{label: '预测参数', prop: '',fixed:true,width: '660',child: [{label: '公司代码', prop: '', fixed: 'left',width: '80',},{label: '资产号', prop: '', fixed: 'left',width: '110'},{label: '年度', prop: '', fixed: 'left',width: '70'},{label: '资产类别', prop: '', fixed: 'left',width: '120'},{label: '电压等级', prop: '', fixed: 'left',width: '80'},{label: '资本化日期', prop: '', fixed: 'left',width: '100'},{label: '利润中心', prop: '', fixed: 'left',width: '100'},{label: '预测属性01', prop: ''},{label: '预测属性02', prop: ''},{label: '预测属性03', prop: ''},]},

最终效果如下：

element 表格多级表头子列固定相关推荐

element 表格评分表（合并单元格，单选框按钮选分，计算表格总分）
文件下载 >>https://download.csdn.net/download/jemycc/12837044 突然发现 vxe 会更方便 vxe官网: https://xuliang ...
纯css position:sticky 实现表格首行和首列固定
目录 1.认识position:sticky 2.position:sticky小栗子-实现表格首行和首列固定 2.1 效果图 2.2 代码 1.认识position:sticky 我们先来了解一个c ...
ionic实现表格头部和第一列固定且都可滚动
转载请注明出处: http://blog.csdn.net/lishihong108/article/details/52712064 由于移动端屏幕有限,在展示多行多列的表格类型数据时,需要做成可滚 ...
element表格多出一列空白
// 表格有空白table {width: 100% !important;} 原因: el-table给每一个el-table-column设置宽度之后就会有这个问题解决方法: 删除其中一个el- ...
vue项目 element表格数据行转列数据互转
后台返回的格式一个人名里面带有这个人的所有信息,我们需要数据转化 ( 俗称行转列 ) 这个平时可以用在时间日期上比较多,这个案例只是把这个写法记录下来 <template><div ...
excel表格内数据为何无法计算机,电脑EXCEL表格怎么让隐藏列（行）中的数据不被复制...
电脑EXCEL表格怎么让隐藏列(行)中的数据不被复制我们即便在excel中隐藏了列(行),依旧可以显示出来并被复制.今天小编就告诉大家电脑EXCEL表格怎么让隐藏列(行)中的数据不被复制. 具体如下 ...
element表格固定某一行_element 表格固定列
业务场景:表格展示数据较多,在有限的空间展示过多的数据解决:使用表格固定列(固定列之所以能固定,是因为生成了2个表格,一个用来固定,一个用来滚动), 按照文档介绍固定列需要使用fixed属性,它接受 ...
antd 设置表头属性_解决react使用antd table组件固定表头后，表头和表体列不对齐以及配置fixed固定左右侧后行高度不对齐...
一.固定表头后表体列和表头不对齐此问题可能在antd3.24.0版本之前都存在,反正3.16.2版本是存在这个问题的,如果是3.24.0之前的版本估计只能通过修改css样式解决. 按照官网说的: 1 ...
antd table动态表头_解决react使用antd table组件固定表头后，表头和表体列不对齐以及配置fixed固定左右侧后行高度不对齐...
1.固定表头后表体列和表头不对齐此问题可能在antd3.24.0版本以前都存在,反正3.16.2版本是存在这个问题的,若是是3.24.0以前的版本估计只能经过修改css样式解决.css 按照官网说的 ...

element 表格多级表头子列固定

element 表格多级表头子列固定相关推荐

最新文章

热门文章