ui-grid header 内容菜单按钮与文本重叠

Question

我注意到 header 列菜单按钮与 header 标签重叠，如果您调整列宽

也会发生这种情况

如何解决这个问题？

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

Answer 1

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

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

这似乎有效。

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

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

Answer 2

我能够用下面的方法解决它 css

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

ui-grid header content menu button overlaps text