ui-grid 标题内容菜单按钮与文本重叠答案

【问题标题】：ui-grid header content menu button overlaps textui-grid 标题内容菜单按钮与文本重叠
【发布时间】：2016-05-12 01:22:35
【问题描述】：

我注意到标题栏菜单按钮与标题标签重叠，如果调整列宽也会发生这种情况

如何解决这个问题？

.ui-grid-column-menu-button {
    position: absolute;
    right: 1px;
    top: 0;
}

【问题讨论】：

【解决方案1】：

尝试将其添加到您的 main.css

.ui-grid-column-menu-button-last-col {
    margin-right: 0px;
}

这似乎行得通。

呃，现在我看到 下拉图标 有时会与 排序方向图标 重叠。所以，也许这不是一个好主意。

但无论如何，这可能会对您有所帮助......

【讨论】：

感谢您对此的帮助，虽然我有两个问题，第一个问题通过上述解决方案得到解决，但第二部分是当您调整列大小时。我添加了一张图片来显示问题仍在发生。基本上，当您调整大小以减小宽度时，我试图避免与文本重叠的下拉图标

【解决方案2】：

我可以用下面的 css 解决它

.ui-grid-header-cell .ui-grid-cell-contents {
    display: block;
    width: calc(100% - 12px);
}

【讨论】：