Element UI table表格组件错位问题

灰太狼 2022-12-04 08:37 301阅读 0赞

Element 表格高度计算不正确处理办法 el-table 非 fixed 列

  1. //mainTable 是父级ID
  2. /deep/ #mainTable .el-table .el-table__body-wrapper{ 
  3.     height: calc(100% - 50px) !important;
  4. }
  5. //subTable 是父级ID
  6. /deep/ #subTable .el-table .el-table__body-wrapper{ 
  7.     height: calc(100% - 50px) !important;
  8. }

fixed 列高度计算不正确

  1. /deep/ .el-table__fixed-right .el-table__fixed-body-wrapper { 
  2.     top: 51px !important;
  3.   }

表格固定列下面出现显示不全且多出一个边框:

  1. /* 左右固定列的高度 */
  2. .el-table__fixed,.el-table__fixed-right{ 
  3.     height: 100% !important;
  4. }

给表格设置了高度之后,出现表头错位:

  1. .el-table--border th.gutter:last-of-type {  
  2.     display: table-cell!important; 
  3.     width: 17px!important; 
  4. }

发表评论

表情：
评论列表 （有 0 条评论，301人围观）

还没有评论，来说两句吧...

相关阅读

    相关 封装 vue + element-ui 表格组件

    1.介绍 首先，我们项目中用的表格一般会很多，有的数据也很大，这样每一个模块中都会有一个表格，甚至弹窗中也有，大大增加了代码量，根据这一点，我们来封装一个表格，只需要传入

    川长思鸟来川长思鸟来/ 0 赞/ 118 阅读