angularjs - 是否可以使 ng-grid 响应？

Question

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

我发现一些链接提到了一个已失效的 ngGridLayoutPlugin这一切都导致了 GitHub 的死胡同。我还看到了其他网格，例如 angular-deckgrid但我目前对更改网格不感兴趣。

有没有办法制作ng-grid react 灵敏？

Answer 1

我找到了一个很好的解决方案。 native Bootstrap 表有一个可以应用的类，名为 table-responsive (见:http://getbootstrap.com/css/#tables-responsive)。标准引导表的应用程序是将其包装在此类中。如果屏幕变小，则响应性质是表格本身将获得滚动条，而不是整个页面。

您可以包装 ng-grid使用同一个类并实现相同的行为:

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

  </div>
</div>

如果您使用和不使用 <div> 进行测试包含 table-responsive 的包装器类，您可以看到滚动条仅在表格/网格上(响应式)之间的区别，或者在不使用它时，整个页面滚动(不响应式)。