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

Question

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

如何解决此问题？

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

这里也可以看到这方面的例子 http://plnkr.co/edit/29TK44Vor4F45C8hSBNI?p=preview

Answer 1

尝试将此添加到main.css

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

这似乎有效。

Forked Plunker here

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

但无论如何这可能对你有所帮助......

Answer 2

我能用以下css解决它

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