2023年6月20日发(作者:)
elementtable⾃动滚动+滚动条样式修改element table⾃动滚动+滚动条样式修改⽂章⽬录⼀、table滚动样式修改.table { background: rgba(187, 187, 187, 100);}.table :last-of-type { border: 0 !important;}/* //滚动条的宽度 */.table .el-table__body-wrapper::-webkit-scrollbar { border: 0; width: 6px; height: 10px;}/* //滚动条的滑块 */.table .el-table__body-wrapper::-webkit-scrollbar-thumb { background-color: #a1a3a9; border-radius: 3px;}⼆、table样式修改1.⾼亮⾏⾼亮⾏.el-table { /deep/.el-table--striped .el-table__body -table__t-row td, /deep/.el-table__body t-row > td { color: #fff; background-color: #666 !important; }}2.⾼亮⾏⿏标划上.el-table { /deep/.el-table__body tr:hover > td { color: #999 !important; }}样式修改.el-table >>> th { background-color: #666666; font-size: 36px;}.el-table >>> .cell { line-height: normal;}.el-table >>> tr { background-color: rgba(187, 187, 187, 100);}.el-table >>> td { border-top: 2px solid #999;}三、table⾃动滚动