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

发布时间：2020-12-17 08:33:15 所属栏目：安全来源：网络整理

导读：我正在使用Angular.js的’ng-grid’数据网格,并试图使其行为响应.当我调整屏幕大小时,我更喜欢网格列自动堆叠,而不是保持网格固定宽度. 我发现了一些链接,提到了一个已经失效的ngGridLayoutPlugin,这些都导致了GitHub的死胡同.我还看过像angular-deckgrid这

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

我发现了一些链接,提到了一个已经失效的ngGridLayoutPlugin,这些都导致了GitHub的死胡同.我还看过像angular-deckgrid这样的其他网格,但我对改变网格这一点并不感兴趣.

无论如何都要使ng-grid响应？

我找到了一个很好的解决方案.本机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>进行测试包含表响应类的包装器,您可以看到滚动条之间的差异只是在表/网格上(响应),或者当不使用它时,整个页面滚动(不响应).

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!