运行结果:
代码:
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
width: 6px;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb:active {
background: #555;
}
多出空白列截图:
空白列修改:
1、将多出的列隐藏
div ::v-deep th.gutter {
display: initial;
}
2、给el-table-column设置适当的宽度,直到空白列消失
<el-table :data="tableData" height="276" border style="width: 100%">
<el-table-column type="index" label="序号" width="50" align="center">
</el-table-column>
<el-table-column
prop="jiesuan"
label="项目内容"
align="center"
width="125"
>
</el-table-column>
<el-table-column
prop="shoupiao"
label="累计金额"
sortable
align="center"
width="100"
>
</el-table-column>
</el-table>