我正在使用Angular.js的’ng-grid’数据网格,并试图使其行为响应.当我调整屏幕大小时,我更喜欢网格列自动堆叠,而不是保持网格固定宽度.
我发现了一些链接,提到了一个已经失效的ngGridLayoutPlugin,这些都导致了GitHub的死胡同.我还看过像angular-deckgrid这样的其他网格,但我对改变网格这一点并不感兴趣.
无论如何都要使ng-grid响应?
我找到了一个很好的解决方案.本机Bootstrap表有一个可以应用名为table-responsive的类(参见:
http://getbootstrap.com/css/#tables-responsive).标准Bootstrap表的应用程序是将它包装在此类中.响应性质是一个如果屏幕变小,表本身将获得滚动条而不是整个页面.
原文链接:https://www.f2er.com/angularjs/141342.html您可以使用同一个类包装ng-grid并实现相同的行为:
<div class="table-responsive"> <div class="gridStyle" ng-grid="gridOptions"> </div> </div>
如果您使用和不使用< div>进行测试包含表响应类的包装器,您可以看到滚动条之间的差异只是在表/网格上(响应),或者当不使用它时,整个页面滚动(不响应).