easyui 操作列固定在右側，其余列可橫向滾動

1、頁面css添加下面代碼。

.datagrid-view1 {
    left: auto;
    right: 0;
}
.datagrid-view2 {
    left: 0;
    right: auto;
}
.datagrid-view2 .datagrid-body {
    padding-right: 21px;
}

2、在datagrid的onLoadSuccess方法內執行以下js即可實現。

$(".datagrid-view1 .datagrid-body").css("overflow-y", "auto");
var timer1 = null;
var timer2 = null;
function a() {
    $(".datagrid-view1 .datagrid-body").scroll(function () {
        clearTimeout(timer1);
        // 解除滾動監聽事件，否則兩個滾動條一起監聽，會導致互相影響
        $(".datagrid-view2 .datagrid-body").unbind("scroll");
        // 禁止另外一個滾動條滾動，只有在下面定時器綁定事件后才允許滾動
        $(".datagrid-view2 .datagrid-body").on('scroll mousewheel touchmove', function (e) {
            e.preventDefault();
            e.stopPropagation();
            return false;
        });
        $(".datagrid-view2 .datagrid-body").scrollTop($(".datagrid-view1 .datagrid-body").scrollTop());
        timer1 = setTimeout(function () {
            $(".datagrid-view2 .datagrid-body").unbind('scroll mousewheel touchmove');
            b();
        }, 1000);
    });
}
function b() {
    $(".datagrid-view2 .datagrid-body").scroll(function () {
        clearTimeout(timer2);
        $(".datagrid-view1 .datagrid-body").unbind("scroll");
        $(".datagrid-view1 .datagrid-body").on('scroll mousewheel touchmove', function (e) {
            e.preventDefault();
            e.stopPropagation();
            return false;
        });
        $(".datagrid-view1 .datagrid-body").scrollTop($(".datagrid-view2 .datagrid-body").scrollTop());
        timer2 = setTimeout(function () {
            $(".datagrid-view1 .datagrid-body").unbind('scroll mousewheel touchmove');
            a();
        }, 1000);
    });
}
a();
b();