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开发框架网发布内容,转载请附上原文出处连接
YES开发框架
上一篇:C# Path.GetRandomFileName 方法
下一篇:组策略:网络安全:LAN 管理器身份验证级别 改为 没有定义
评论列表

发表评论

评论内容
昵称:
关联文章

AG-Grid 显示分割线竖线
ag-grid 检索-文本框
ag-grid标题Header内容居中
ag-grid内容格式化显示 日期格式化
ag-grid单击表编辑
ag-grid本地js引用 下载地址
ag-grid内容格式化显示 金额两位小数
ag-grid标题内容右对齐
AgGrid显示垂直竖向线条
ag-grid多选CheckBox
agGrid自定义显示格式cellRenderer
AgGrid Options宽度计算
AgGrid 行Row添加操作(操作按钮)
不同状态显示不同样式 cellRendererFramework
DevExpress 使用GridControl 会计凭证财务金额分位显示
Devexpress gridControl SummaryItem显示格式化设置DisplayFormat
Devexpress 表格GridViewRepositoryItemPictureEdit异步加载远程URL图片
.Net 线程安全集合
桌面显示库文件
C# 多线程入门系列(三)

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码