个人技术分享

运行结果:

代码:


::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;
}

多出空白列截图:

空白列修改:给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>