search

DevExpress / devextreme-reactive

Business React components for Bootstrap and Material-UI
https://devexpress.github.io/devextreme-reactive/
Other
2.07k stars 376 forks source link

Empty Table header #3654

Closed Dert1129 closed 1 year ago

Dert1129 commented 1 year ago

Is there an existing issue for this?

I'm using ...

React Grid

Current Behaviour

When inspecting the column headers for my react table, there is an empty table header at the end of my table headers.

Expected Behaviour

There is no empty table header at the end of the table header row.

Steps to Reproduce

No response

Environment

Madobyte commented 1 year ago

Hello @Dert1129,

I believe you are referring to stub cells. Reactive Grid uses these cells for different rendering conditions. A simple example is when the total width of columns does not exceed the total width of the grid: CodeSandbox. In this case, stub cells occupy the remaining available width.

Try inspecting the grid element in the example, and you'll see that stub cells fill in the remaining width.

Additionally, Reactive Grid may render stub cells for proper indentation when data is grouped. You can see it in the following demo: https://devexpress.github.io/devextreme-reactive/react/grid/demos/featured/integrated-data-shaping/.