Search code examples
angular-ui-grid

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

I am wondering how can I disable the button that gets added in first column when we have ui-grid-expandable as our table?

Solution

  • Turns our it was pretty easy. Just overwrite some of the 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
}