Angularjs 是否有可能使ng电网具有响应性?
我正在使用Angular.js'ng grid'数据网格,并试图使其行为响应。当我调整屏幕大小时,我希望网格列能够自动堆叠,而不是保持网格的固定宽度 我发现了一些链接,其中提到了一个不存在的Angularjs 是否有可能使ng电网具有响应性?,angularjs,ng-grid,Angularjs,Ng Grid,我正在使用Angular.js'ng grid'数据网格,并试图使其行为响应。当我调整屏幕大小时,我希望网格列能够自动堆叠,而不是保持网格的固定宽度 我发现了一些链接,其中提到了一个不存在的ngGridLayoutPlugin,这一切都会导致GitHub的死胡同。我还见过其他网格,如角网格,但我现在对更改网格不感兴趣 有没有办法使ng grid响应迅速?我找到了一个很好的解决方案。本机引导表有一个可应用的类,名为table responsive(请参阅:)。标准引导表的应用程序是将其包装在此类中
ngGridLayoutPlugin
,这一切都会导致GitHub的死胡同。我还见过其他网格,如角网格
,但我现在对更改网格不感兴趣
有没有办法使ng grid响应迅速?我找到了一个很好的解决方案。本机引导表有一个可应用的类,名为
table responsive
(请参阅:)。标准引导表的应用程序是将其包装在此类中。响应的本质是,如果屏幕变小,表格本身将得到滚动条,而不是整个页面
您可以使用相同的类包装一个ng网格
,并实现相同的行为:
<div class="table-responsive">
<div class="gridStyle" ng-grid="gridOptions">
</div>
</div>
如果您使用包含
表格响应类的
包装和不使用
包装进行测试,您可以看到滚动条仅在表格/网格上(响应),或者不使用时,整个页面滚动(不响应)。我想知道为什么会这样做。”ngGrid不使用表。这个解决方案对我来说似乎非常粗略。你应该能够在页面上检查有无差异,看看它是如何呈现的,以及应用了哪些样式来突出它的工作/行为。问题仍然是:为什么要对div集合(ngGrid)使用.table responsive
?我相信,在进一步调查后,这种方法有效的原因是,如果您查看Bootstrap的CSS文件以获得表响应
,则主要样式是HTML元素不可知的,因此重新排序以使响应在
或显然是
上都起作用。如果是
,则可以应用更多样式。如果存在div responsive
或ng grid responsive
类,我会喜欢它吗?当然,但他们不这样做,当应用它时,它确实起作用。如果您感到不安,我建议重构非特定于
元素的样式,并将其应用于您自己的类。