AG-Grid 显示列分割线,竖线
ag-grid使用过程中,默认是没有列的竖线的
需要重写如下两个类
.ag-theme-balham .ag-ltr .ag-cell {
border-right-color: inherit;
}
.ag-theme-balham .ag-header-cell:after, .ag-theme-balham .ag-header-group-cell:after {
height: 100%;
top: 0;
bottom: 0;
}
可以定义一个全局CSS
.gz-ag-grid-v-line .ag-ltr .ag-cell {
border-right-color: inherit;
}
.gz-ag-grid-v-line .ag-header-cell:after, .ag-theme-balham .ag-header-group-cell:after {
height: 100%;
top: 0;
bottom: 0;
}
然后在 ag-grid 的地方引用一下 .gz-ag-grid-v-line
就可以了
修改后,增加了列的分割竖线显示
版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
post YES开发框架