是否可以使ng-grid响应？

Question

我正在使用Angular.js'ng-grid'数据网格，并试图使其行为响应。当我调整屏幕大小时，我更喜欢网格列自动堆叠，而不是保持网格固定宽度。

我发现一些链接提到了一个已经失效的ngGridLayoutPlugin，这些链接都会导致GitHub死路一条。我也看过像angular-deckgrid这样的其他网格，但我对改变网格不感兴趣。

有没有让ng-grid响应？

Answer 1

我找到了一个很好的解决方案。本机Bootstrap表有一个可以应用名为table-responsive的类（请参阅：http://getbootstrap.com/css/#tables-responsive）。标准Bootstrap表的应用程序是将它包装在这个类中。响应性质是一个如果屏幕变小，表本身将获得滚动条但不整个页面。

您可以使用此相同的类包装ng-grid并实现相同的行为：

<div class="table-responsive">
  <div class="gridStyle" ng-grid="gridOptions">

  </div>
</div>

如果使用包含<div>类的table-responsive包装器进行测试，可以看到滚动条在表格/网格上的差异（响应），或者不使用它时，整个页面滚动（没有响应）。