easyui 框架datagrid表格列错位解决方法 极简处理

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;     /*此宽度根据自己的样式 调整到合理的宽度即可*/
    }

以上样式加载在全局样式里面 那么可以直接解决整个项目所有错位列的问题

原理很简单，错位问题是因为右侧出现滚动条造成的
那么将表头也加载一个右侧滚动条不就可以了么
表头加载了滚动条显示出来不好看，那么咱么隐藏掉滚动条的样式在给个背景色，不就可以瞒天过海了么
以上个人偷懒做法 勿喷