我正在使用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>进行测试包含表响应类的包装器,您可以看到滚动条之间的差异只是在表/网格上(响应),或者当不使用它时,整个页面滚动(不响应).
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
