.el-table { display: flex; flex-direction: column; padding: 16px 20px 20px; gap: 10px; border: 0; &::before { display: none; } .el-table__header-wrapper { .cell { color: var(--app-color-black); font-size: 13px; font-weight: bold; line-height: 18px; text-align: center; .ascending { border-bottom-color: var(--app-color-black); } .descending { border-top-color: var(--app-color-black); } } .el-table__cell { padding: 0; border: 0; background-color: var(--app-color-gray-400); >.cell::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; height: 22px; width: 1px; background-color: var(--app-color-gray-235); } } } .el-table__body-wrapper, .el-table__fixed-body-wrapper { max-height: calc(100% - 60px); .el-table__body { height: 100%; } .el-table__cell { padding: 10px 0; border: 0; >.cell { line-height: 20px; font-size: 12px; line-height: 20px; >a { color: var(--app-color-blue); } } } } .el-table-column--selection { .el-checkbox__inner { height: 16px; width: 16px; } .el-checkbox.is-checked { .el-checkbox__inner { &::after { left: 5px; top: 2px; } } } } }