How can I make my column width responsive in AG Grid for React.js?

Question

I use React AG Grid library and I work on a 1920*1080 screen size. I need to use responsive column widths for other screen sizes.

columnDefinitionComplaintAndRequest: [
  { headerName: "Sıra", field: "", width: 30, minWidth: 10, maxWidth: 300, suppressSizeToFit: false },
  { headerName: "Subscriber No", field: "", width: 130, minWidth: 10, maxWidth: 450, suppressSizeToFit: false },
  // ...
]

I tried a percentage instead of "30", but it doesn't work. How can I set percentage value for responsive design in AG Grid?

Matt H · Accepted Answer · 2021-09-03 07:20:14Z

4

I recommend calling gridApi.sizeColumnsToFit(); in your onGridReady callback. This will adjust the size of all columns to exactly fill in the available width of the grid. When you set the width property of the column definition to 30, it is in pixels, not percent.

answered Sep 3, 2021 at 7:20

Matt H

1,9911 gold badge9 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I make my column width responsive in AG Grid for React.js?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related