AgGrid: Custom resize icon for column resizing

user_3824081 0
Viewed 660

Is there any way to add custom resize icon? I didn't find any suitable solution in the docs. I've tried to add custom CSS rules for ag-header-cell-resize without any success.

ag-grid resize icon

ag-grid-react ag-grid css
1 Answers

That is just a div element with a gray background color, not an icon. You can customize it using css. The example below changes the resize div color to red and increase its size:

.ag-header-container .ag-header-cell-resize {
  width: 15px;
}
.ag-header-container .ag-header-cell .ag-header-cell-resize::after {
  background-color: red;
  height: 100%;
  top: 0;
  width: 100%;
}

Live Demo

https://plnkr.co/edit/V7rbCuvYCVjkJIOb

user_94494260
Related