Element中el-table组件右侧空白隐藏-滚动条

开发情况:

固定table高度时,出现滚动条,我们希望隐藏滚动条,或修改滚动条样式,出现table右边出现15px 的固定留白。

代码示例

<el-table class="controlTable" header-row-class-name="controlHead" :data="statisticList" style="width: 720px;"
            height="332">

Element中el-table组件右侧空白隐藏-滚动条_第1张图片

解决方案

方案一:

/deep/ .el-table th.gutter{
  display: none;
  width:0
}
/deep/ .el-table colgroup col[name='gutter']{
  display: none;
  width: 0;
}
/deep/ .el-table__body{
  width: 100% !important;
}

方案二:
直接将table内容右边做配合界面设计的留白,如果是只能贴边的话,只能选方案一:

.controlTable{
	padding-right: 20px;
}

你可能感兴趣的:(vue,其他,vue.js,elementui,el-table)