datagrid 控件当数据行比较多 出现右侧滚动条的时候,这个时候将水平滚动条滑动到最右侧 会造成15-18px的列错位 (因为样式不同 可能会有出入)
网上有好多处理方式 但是都需要单个页面处理
下面介绍一个极简单的处理方式
在index(主页面) 加载CSS的地方
加入几行样式就可以完美解决 错位问题
.datagrid-header {
overflow-y: scroll;
}
.datagrid-header::-webkit-scrollbar-track {
box-shadow: none;
background: #f9f9f9;
}
.datagrid-header::-webkit-scrollbar-thumb {
box-shadow: none;
background: #f9f9f9;
}
.datagrid-header::-webkit-scrollbar {
width: 18px; /*此宽度根据自己的样式 调整到合理的宽度即可*/
}
以上样式加载在全局样式里面 那么可以直接解决整个项目所有错位列的问题
原理很简单,错位问题是因为右侧出现滚动条造成的
那么将表头也加载一个右侧滚动条不就可以了么
表头加载了滚动条显示出来不好看,那么咱么隐藏掉滚动条的样式在给个背景色,不就可以瞒天过海了么
以上个人偷懒做法 勿喷