27

最新バージョンの ui-grid (v3.0.0-rc.16) では、水平スクロールバーと垂直スクロールバーを別々にオフにすることができます。交換することでこれが機能しました

$scope.gridOptions.enableScrollbars = false;

と

$scope.gridOptions.enableHorizontalScrollbar = 0;
$scope.gridOptions.enableVerticalScrollbar = 0;

ui-grid のソースには、スクロールバー用に定義された 3 つの定数があります。

scrollbars: {
  NEVER: 0,
  ALWAYS: 1,
  WHEN_NEEDED: 2
}

ui-grid はまだ不安定で頻繁に変更されるという事実に直面して、特定の値の代わりにこれらの定数を使用する方が快適だと思います。しかし、どうすればそれらにアクセスできますか?

プランカー: http://plnkr.co/edit/h0ewAZK616rKCH3T62te

4

3 に答える 3

15

ジョンパパスタイルで：

ExampleController.$inject = ['$scope', 'uiGridConstants'];
function ExampleController($scope, uiGridConstants) {
    var vm = this;

    vm.gridOptions = {
        enableHorizontalScrollbar : uiGridConstants.scrollbars.NEVER,
        enableVerticalScrollbar   : uiGridConstants.scrollbars.NEVER
    };
}
于 2015-11-12T16:16:04.250 に答える
11

これを回避するには (WHEN_NEEDED が現在無効になっているため) enableHorizontalScrollbar: 0、gridOptions に設定し、スタイルシートに次のように記述します。

.ui-grid .ui-grid-render-container-body .ui-grid-viewport {
  overflow-x: auto !important;
}

水平スクロール バーは、必要な場合にのみ表示されるようになりました。

于 2016-03-07T15:36:54.933 に答える