el-table 多级表头固定列问题
当我们的表格有两个或者多个一级表头时，若想固定，那么就必须要给“一级标表头”这一列的宽度=包含的列宽总和。比如下面的三个姓名列，每列是150，一级标表头的宽度就是450
<template><el-table:data="tableData"height="350"style="width: 100%"><el-table-columntype="index"label="序号"width="60"fixed></el-table-column><el-table-columnlabel="一级标题1"align="center"width="450"fixed><el-table-column prop="name"label="姓名111"width="150"></el-table-column><el-table-column prop="name"label="姓名222"width="150"></el-table-column><el-table-column prop="name"label="姓名333"width="150"></el-table-column></el-table-column><el-table-column label="一级标题2" width="120" align="center"><el-table-columnprop="date"label="日期"width="120"></el-table-column><el-table-column label="地址"><el-table-columnprop="province"label="省份"width="120"></el-table-column><el-table-columnprop="city"label="市区"width="120"></el-table-column><el-table-columnprop="address"label="地址"width="300"></el-table-column><el-table-columnprop="address"label="地址"width="300"></el-table-column><el-table-columnprop="address"label="地址"width="300"></el-table-column><el-table-columnprop="address"label="地址"width="300"></el-table-column><el-table-columnprop="zip"label="邮编"width="120"></el-table-column></el-table-column></el-table-column></el-table>
</template>el-table 多级表头固定列问题相关推荐
- elementUI table多级表头固定列
设置宽度和fixed // 1.2需要固定,3不固定 <el-table ref="table" :data="tableData" border :ce ...
- el-table fixed多级表头固定列问题
个人踩过的坑,记录一下.多级表头固定列问题,先记录三点吧 可以复制对应的代码去饿了么官网运行,粘贴到html将<template>替换,注意不要替换了<div> 一. 当我们需 ...
- bootstrap-table固定表头固定列
bootstrap-table固定表头固定列 1.引入 bootstrap依赖于jquery bootstrap-table依赖于bootstrap,所以都需要引入 2. bootstrap-tabl ...
- bootstrap表头如何展示不动_bootstrap-table固定表头固定列
1.引入 bootstrap依赖于jquery bootstrap-table依赖于bootstrap,所以都需要引入 2. bootstrap-table有两种方式,html.js data-tog ...
- el-table多级表头 固定多列
项目场景: 项目要求表格实现多级标题,并且表格滚动条向右滚动时,前四列锁定,效果如图: 问题描述 elementUI给的例子中只有一级标题 解决方案: 1:给一级标题添加fixed,实现固定 2.给一 ...
- 解决 elementUI 切换table后 el_table 固定列下方多了一条线
问题: element-ui 在tab选项卡的页面点击tab切换后,表格中若存在某一列使用了fixed属性固定,会在固定列的底部出现一行横条,如下图所示: 解决方法: 1.修改全局css 2.只修改局 ...
- Vue-cli+Element（table多级表头及遍历表头）
上代码: <el-table:data="tableData"height //表头固定style="width: 100%"><el-tab ...
- html 把table固定住,html Table实现表头固定
合同号签约客户发布客户合同状态选定条件的发布周期额度 看看css *{ padding:0; margin:0; } th{ border:1px solid #e6e6e6; line-height ...
- Table实现表头固定
实现思路: 1. 定义一层div,设置div的高度和宽度. 2. 定义一个table,用来显示表头.显示指出tbody,通过col属性设置列宽(用于与下文tabel对应列数据). 3. 定义一个 ...
最新文章
- Android RatingBar
- 比较顺利 - Python基础2
- 导入jar包和创建jar文件
- MAX3232EUE小知识
- linux网页无法连接到服务器,linux – 无法连接到SMTP服务器
- AcWing 1402. 星空之夜 1月28
- react-性能优化
- java top.dialog控件,java – 如何只为他的父级创建JDialog onTop？
- linux 下安装ftp服务器
- java setstate,5.state更新流程(setState里到底发生了什么)
- spring中的class配置不能使用properties中的字符串
- Hive常用正则表达式
- 美团外卖uml流程图_以美团外卖为例，浅析业务流程图和页面流程图
- matlab整流仿真,基于MATLAB的整流电路的建模与仿真
- 苹果电脑打不开网页连接不到服务器,苹果电脑chrome打不开网页怎么办_MAC上的chrome打不开网页如何解决-win7之家...
- 10年经验总结：数据分析师7种工具，因果分析划重点！
- C++实现CS模型(计算机网络)
- linux 1060显卡,Ubuntu 16.04 安装 NVIDIA GeForce GTX 1060 显卡驱动，以及 CUDA 10.1
- Zabbix 监控MySQL最大连接数
- 怎样获得网络的最大连通子图