是否可以使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类的包装器测试它,你可以看到滚动条只是在表/网格上的差异(响应),或者当不使用它时,整个页面滚动(没有响应).