Angularjs 角度ui网格列标题未与数据对齐

我正在实现一个基本的表格ui网格，其中包含6列，跨越页面的宽度，但是我注意到列标题的宽度没有与数据整齐地对齐。查看计算出的CSS值，标题宽度与数据的比值被关闭了我也遇到了同样的问题。我使用了下面的样式更改来解决这个问题

.ui-grid-header-cell {float: left;}

---

我遇到了这个问题，几个小时来我一直在胡思乱想：它在IE11和Chrome v.51（Windows）中的显示不正确

---

我把网格放在html表格中的TD中，当我把它移到一个DIV中时，所有的内容都正确地呈现出来。

我最终使用了github上chuge的以下内容

.ui-grid-header-cell-wrapper {
    display: block;
}

.ui-grid-header-cell-row {
    display: block;
}

.ui-grid-header-cell {
    display: block;
    float: left;
}

---

似乎仍然是一个问题，因为这种不一致性存在许多问题。

修复了更新ui-grid.css的原始代码的问题：

修改类并在原始css代码之后添加最后一行

.ui网格顶部面板{ ..... 浮动：左；

---

}

我在IE和Firefox中都看到了您在单过滤器教程页面上提到的问题，但在Chrome中没有看到。因此，不幸的是（或者幸运的是，取决于您的情况），它看起来是特定于浏览器的。我注意到一个工作的有固定宽度的列。我想知道是否值得先试用一个，一些或所有具有特定宽度的列？感谢您的观察-固定宽度列没有这个问题。我现在要这样做。我通常使用百分比来指定宽度，所以这可能也行。（我们的用户需要使用Chrome浏览器，所以我不知道这是否有效，因为我从来都不需要使用其他浏览器…）这修复了它，谢谢，但我希望我不必这么做

.ui-grid-header-cell-wrapper {
    display: block;
}

.ui-grid-header-cell-row {
    display: block;
}

.ui-grid-header-cell {
    display: block;
    float: left;
}