目录
前言
需要根据ui设计图修改表格的边框样式。
一、修改表格行的类名?
官方提供了一个 rowClassNameAPI,用于添加表格行的类名。
二、根据类名修改表格的边框样式。
在table中添加类名。
:rowClassName="() => { return 'rowClass' }"
修改为需要的边框样式。
.rowClass>td {
border-right: 1px solid #ABD1F5 !important;
border-bottom: 1px solid #ABD1F5 !important;
}
.rowClass>td:first-child {
border-left: 1px solid #ABD1F5 !important;
}
使用first-child给表格的最左边加上样式。
总结
通过添加类名来修改边框样式只是其中一种方法,嫌麻烦也可以直接修改原生的样式来达成效果。