开发中遇到的小问题:
如图所示三个层级区分并不明显,用户体验差
解决方案:
自定义CSS:首先取消此列的 align="center"
然后插入以下代码(此CSS为更改图示第二列的样式 如果是其它列请自己获取样式名称)
// 标题居中
::v-deep th.el-table_1_column_2.is-leaf.el-table__cell {
text-align: center;
}
// 数据给一个合适的left
::v-deep td.el-table_1_column_2.el-table__cell .cell {
padding-left: 33%;
}
更改后效果: