JavaScript

element ui 表格改变字体颜色以及边框颜色,表头与表格内

2020-11-12  本文已影响0人  蔚完待旭
.shopStatistics{
  /deep/ .el-table {
     thead {
       .cell {
         text-align: center; // 表头字体居中
       }
     }
     tr,td{
       text-align: center;  // 表格内容居中
       color: black; 
     }
     tr,th,td {
       border-color: black;  // 设置单元格border
       border-collapse: collapse; // 边框会合并为一个单一的边框
     }
   }
   /deep/ .el-table--border::after, .el-table--group::after {
     background-color: black; 
   }
   /deep/ .el-table::before {
     height: 0; 
   }
   /deep/ .el-table--border, .el-table--group {
     border-color: black;
   }
   /deep/ .el-table_1_column_9{
     border-right: none;
   }
   /deep/ .el-table__empty-block {
     border-bottom: 1px solid black;
   }
   /deep/ .el-table th.gutter{
     display: table-cell!important;  // 表头与表格内容错位须设置
   }
   /deep/ .el-table__body {
     width: 100%;   // 在ios的safira浏览器中单元格文字超出宽度显示省略号会失效,须设置这个
   }
}
上一篇下一篇

猜你喜欢

热点阅读