Vue Cli Elemengt Ui框架 Tab表格居中
1、表格内置属性
<el-table :data="Table2"
border style="width: 100%"
:header-cell-style="{'text-align':'center'}"
:cell-style="{'text-align':'center'}">
</el-table>
表头居中
:header-cell-style="{'text-align':'center'}"
表格居中
:cell-style="{'text-align':'center'}">
2、CSS方式修改:需要在对应的页面样式加上 表格数据居中的效果
/deep/.el-table th > .cell {
text-align: center;
}
/deep/.el-table .cell {
text-align: center;
}
/deep/的意思是深入的更改