如何在Ui-grid中使用可扩展按钮禁用列？

Question

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

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

如果您要删除/隐藏分组展开图标，那么最简单的方法是

treeRowHeaderAlwaysVisible: false,
showTreeRowHeader: false,

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

编辑 treeRowHeaderAlwaysVisible: false,对于希望在页面加载时隐藏可扩展按钮并在数据加载时显示的人很有用。