Grid showing horizontal scrollbar even when there is enough space for the data

[Marc Perry]

There is enough space for the grid to fit all the data into the width, but when the code is run, there is a horizontal scrollbar for what appears to be just one character. I have a feeling this has something to do with the filter button.

[Keerthana Ganesan]

Hi Marc,

Greetings from Syncfusion support.

We have analyzed your query before proceeding further we need some more details to validate further at the end. Kindly share the entire grid code snippet.

The above-requested will be very helpful to validate further at our end and provide the solution as early as possible.

Regards,

Keerthana.

[Marc Perry]

Here is the grid code.

Attachment: Grid_Snippet_b1c2d677.zip

[Keerthana Ganesan]

We have analyzed your code and we would like to inform you that the scroll bar will be rendered once content within the grid exceeds the width of the grid. In order to avoid rendering of scroll bar we suggest you set the width property of the grid.

[Marc Perry]

There is plenty of room to fit the grid width in the container. The fields are set to auto width. This issue doesn't happen if I remove the filters.

[Keerthana Ganesan]

We could see that from your attached screenshot that there is only space on the grid's height. When the filter menu is removed, the grid's content fits within the width of the grid container, so the scroll bar is not rendered. This is the default behavior of the grid. In order to overcome the reported issue kindly set the width property of the grid.

[Marc Perry]

I don't think you're understanding the question. There is enough space in the container to fit the width of the grid with the filters on it. For example, if I take away one of the columns, so there is definitely enough space for the width, this issue still occurs.

[Marc Perry]

This happens even with the width set

[Marc Perry]

This looks even worse than just using auto width. I don't see why there isn't an easy answer for this.

[Keerthana Ganesan]

We analyzed your query, and we suspect that you have applied external styles to the grid. Before proceeding further need some details to validate on our end. Kindly share with us the issue reproducible sample and Nuget version at your end.

The above-requested details are very helpful to validate at our end and provide the solution as early as possible.