Javascript UI网格-水平滚动不适用于大数据集

我有一个非常大的数据集，需要水平滚动才能在页面上显示。UI网格是否支持水平滚动页面以外的数据宽度

普朗克：

这是工作票

Html

<div ng-controller="MainCtrl">
  <div id="grid1" ui-grid="yourGridOptions" class="grid"></div>
</div>

---

或者您可以只设置

启用垂直滚动条：2

<代码>0=关闭，

1=打开

，

2=需要时

。不需要进口。

<div ng-controller="MainCtrl">
  <div id="grid1" ui-grid="yourGridOptions" class="grid"></div>
</div>

var app = angular.module('app', ['ngTouch', 'ui.grid']);

app.controller('MainCtrl', ['$scope', 'uiGridConstants', function($scope, uiGridConstants) {

  $scope.yourGridOptions = {
    enableHorizontalScrollbar: uiGridConstants.scrollbars.WHEN_NEEDED,
    enableVerticalScrollbar: uiGridConstants.scrollbars.WHEN_NEEDED,
    columnDefs: [{
      name: 'firstName',
     width:100

    }, {
      name: 'lastName',
     width:100

    }, {
      name: 'company',
      width:100

    }, {
      name: 'employed',
     width:100

    }],
    data: [{
      "firstName": "Cox",
      "lastName": "Carney",
      "company": "Enormo",
      "employed": true
    }, {
      "firstName": "Lorraine",
      "lastName": "Wise",
      "company": "Comveyer",
      "employed": false
    }, {
      "firstName": "Nancy",
      "lastName": "Waters",
      "company": "Fuelton",
      "employed": false
    }]
  };
}]);