JqGrid隠しレベルスクロールバーの完璧な解決策

私は強迫症があります.ネットで探しているいくつかのものを見ていると気分が悪くなります.
スタイルシートを変更せずに、一番右側の枠を隠します.

.ui-jqgrid .ui-jqgrid-bdiv{ overflow-x: hidden; }

js制御で1 pxを追加しなくてもいいです.

$(grid_selector).closest('.ui-jqgrid-bdiv').width($(grid_selector).closest('.ui-jqgrid-bdiv').width() + 1);

完璧なソリューションには、以下のスタイルが追加されます.

    div.ui-jqgrid-view table.ui-jqgrid-btable {
        border-style: none;
        border-top-style: none;
        border-collapse: separate;
    }

        div.ui-jqgrid-view table.ui-jqgrid-btable td {
            border-left-style: none;
        }

    div.ui-jqgrid-view table.ui-jqgrid-htable {
        border-style: none;
        border-top-style: none;
        border-collapse: separate;
    }

    div.ui-jqgrid-view table.ui-jqgrid-btable th {
        border-left-style: none;
    }

from:http://stackoverflow.com/questions/5647313/unnecessary-horizontal-scrollbar-jqgrid