美文网首页JavaScript
element ui 表格改变字体颜色以及边框颜色,表头与表格内

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

作者: 蔚完待旭 | 来源:发表于2020-11-12 12:21 被阅读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浏览器中单元格文字超出宽度显示省略号会失效,须设置这个
       }
    }
    

    相关文章

      网友评论

        本文标题:element ui 表格改变字体颜色以及边框颜色,表头与表格内

        本文链接:https://www.haomeiwen.com/subject/gdzubktx.html