Ag Grid Horizontal Scroll

ag grid horizontal scroll

Are you sure is because of the number of columns? I had the same problem and the solution was take off the pinned option of every column.

For example if you have this:

{headerName: "Athlete", field: "athlete", width: 150, pinned: 'left'}

it has to be:

{headerName: "Athlete", field: "athlete", width: 150}

How to always show the horizontal scroll bar in ag-grid?

2022 Update

const gridOptions: GridOptions = {
    alwaysShowHorizontalScroll: true
}

https://www.ag-grid.com/javascript-data-grid/grid-options/#reference-scrolling-alwaysShowHorizontalScroll

Ag-grid prevent horizontal scroll when resizing screen

Use this in your css:

.grid {
    overflow-x: hidden;
}

---

Related Topics