首推大多数博主介绍的方法,添加属性样式,但是无奈我就是不起效果,碰到这种测试要求的巨恶心的样式问题,找了好多博主说的方法,比如
1.在el-table标签上加上以下代码即可为表头和表格设置统一对齐方式和样式
:header-cell-style="{ 'text-align': 'center', 'background': '#f7f8fa' }"
:cell-style="{ 'text-align': 'center' }",都没用,
2.直接找到开发者工具里面找到相关标签右击选择复制select选择器,类名加样式,搞定,把前面不必要的选择器删一删
代码如下,虽然恶心,但是有效果
.el-table_1_column_2.is-left.is-leaf.el-table__cell > div,
.el-table_1_column_3.is-left.is-leaf.el-table__cell > div,
.el-table_1_column_7.is-left.is-leaf.el-table__cell > div,
.el-table_1_column_9.is-left.is-leaf.el-table__cell > div{
text-align: left;
}
效果如下: