table的样式设置

目录

1、设置element ui table 的表头

2、设置 ----------的划入效果

3、设置table大小

4、返回历史上一页

5、设置table的高度

6、设置table内边距

---

1、设置element ui table 的表头

 :header-cell-style="{ background: '#f7f9fd' ,borderTop:'1px solid #505766',borderBottom:'1px solid #cdd9e6'}" 

2、设置 ----------的划入效果

// 设置划入
:deep(.el-table--enable-row-transition .el-table__body td.el-table__cell):hover {
    color: #e62d28;
    background-color: #f0f0f0;
}

3、设置table大小

// 设置table大小
::v-deep .el-table--small th, .el-table--small td {
padding:0px 0px 0px 0px;
height:30px;
}

4、返回历史上一页

  window.history.back()

5、设置table的高度

 <el-table :data="tableData" style="width: 100%" 
 :row-style="{ height: '0' }" :cell-style="{ padding: '3px' }">

6、设置table内边距

:deep(.el-table--small .el-table__cell) {
    padding: 0;
} 

:deep(.el-table--enable-row-transition .el-table__body td.el-table__cell) {
    padding: 0;
}