【问题标题】:UI Grid headers, rows, footer, and data eerily seperated from containerUI Grid 页眉、行、页脚和数据与容器分离
【发布时间】:2015-05-24 01:23:37
【问题描述】:

我没有找到任何关于我在 UI-Grid 中遇到的情况,所以我会尽力解释它。我正在使用 Bootstrap 和 Angular 运行 3.0.0 RC20(稳定版)。我在 UI-Grid 上遇到过其他问题,但该项目的更新相当不错,而且大部分都消失了。

除了这个问题,我不确定这里发生了什么。它在某些情况下出现了几次,其中网格会自动调整大小,这会导致这种“跳跃”,其中 ui-grid 的行、页眉和页脚会突然下降到网格容器下方一秒钟然后返回到网格。这令人迷惑,但对于一个正在测试的网站,我对此没有任何问题。

仅在某些情况下,跳转会导致浏览器窗口中的滚动条出现。然后行将退回到网格中,滚动条将消失,迫使网格重新绘制,这将使它再次跳转,这将带回滚动条......你明白我要去哪里了吗?小调整的无限循环。这是一个问题。

这是我正在谈论的图像:

所以我删除了 UI-Grid-Auto-Resize 引用,它停止了无限循环,但网格外的行和标题并没有停止(从图片中可以看到)。

即使在 NG-Grid(过去)中,使用 100% 宽度也存在问题。在 NG-Grid 中,如果网格设置为 100% 宽度且可见 = false,则当网格可见时,网格的列宽将设置为 0 或 1px。我认为这个错误从未被修复,我想知道我的问题是否与那个错误有关。

我目前正在使用宽度为 100% 的网格,这是迄今为止我看到的唯一无法解决的问题。

任何建议、想法等...都会非常有帮助。

【问题讨论】:

标签: css angularjs angular-ui-grid


【解决方案1】:

自 3.0.0 RC21 起,此问题已得到修复。

浮动渲染容器已更改为绝对渲染容器,它们现在使用边距来处理定位。

【讨论】:

  • 我更新了 ui-grid css 和 js 文件,你是对的,这个问题已经解决了。但是已经引入了一系列新问题(例如未对齐的复选框,网格没有使用 100% 的宽度,并且在某些情况下,列压缩到最小尺寸,否定了 min-width 属性)。由于这些其他问题,我无法从当前版本升级。
猜你喜欢
  • 1970-01-01
  • 2022-12-03
  • 2023-03-17
  • 2012-09-24
  • 2018-06-21
  • 2022-01-15
  • 2013-05-16
  • 2014-08-26
  • 2019-10-02
相关资源
最近更新 更多