如何禁用 Ui-grid 中带有可扩展按钮的列？

Question

我想知道当 ui-grid-expandable 作为我们的 table 时，如何禁用添加到第一列的按钮？

Answer 1

转向我们的过程非常简单。只需覆盖一些 css:

.ui-grid-expandable-buttons-cell,.ui-grid-pinned-container.ui-grid-pinned-container-left {
  display:none;
}

.ui-grid-header-canvas{
  height: 50px !important; // SET THIS FOR THE HEIGHT OF THE HEADER ROW
}

Answer 2

如果你想remove/hide分组展开图标那么最短的方法是

treeRowHeaderAlwaysVisible: false,
showTreeRowHeader: false,

在您的 ui-grid 选项中添加此代码

编辑 treeRowHeaderAlwaysVisible: false, 对于那些想要在页面加载时隐藏可扩展按钮并在加载数据时显示的用户很有用。

如何禁用 Ui-grid 中带有可扩展按钮的列？

How to disable column with expandable button in Ui-grid?

angular-ui-grid