<el-table
ref="MainTable"
class="MainTable"
:row-style="$store.state.app.rowStyle" //表格每行的样式
:data="dataList" //数据
height="calc(100vh - 390px)" //表格高度
:header-cell-style="$store.state.app.headerRowStyle" //表头的样式设置
:cell-style="$store.state.app.cellStyle" //单元格的样式
:border="$store.state.common.TableBorderShow" //边框
v-loading="dataListLoading"
@selection-change="selectionChangeHandle"
row-key="id"
>
</el-table>
vuex设置:
const state = {
headerRowStyle:{color:'#000','font-weight':500,'font-size':'14px',background:"#F1F2F4",height:'48px'},
cellStyle:{color:'#79809A','font-size':'14px', height:'48px', padding:'0px'},
rowStyle:{height:'48px'}
}
element表格样式设置
最新推荐文章于 2024-08-02 18:16:47 发布