Devextreme-reactive: Fill a remaining horizontal space

[ccamusso]

Hi,
I've a Table with three column and this: defaultColumnWidths:
[
{ columnName: 'column_a', width: 20 },
{ columnName: 'column_b', width: '40' },
{ columnName: 'column_c', width: '100' }
]

Is it possibile:
1) to set Table with to 100%?
2) to set column_c to fill a remaining horizontal space?

Carlo

[MaximKudriavtsev]

Hi,

1. The DevExpress React Grid's width is 100% by default.
2. If you want to fill all empty space, don't set the width property for the current column.

Please refer to this example for detailed information.

[divyanshupathak94]

Hi @MaximKudriavtsev ,
I have the same requirement and I follow the code which you suggest above. What I want is that, last column should fill the remaining table area. How to achieve this? Please help.

I am inserting code snippet of columns below -

[
            { title: 'Id', name: 'EmailTemplateId', type: 'int', width: 100 },
            { title: 'Subject', name: 'Subject', type: 'string' }
]

Here is my current output -

Here is the output which I want -

[MaximKudriavtsev]

Hi @divyanshupathak94,

I can't reproduce the issue on my side. Please create a sandbox with minimum configuration for your case.

Make sure that your grid has only two objects in the columns field.

[lock[bot]]

This thread has been automatically locked since it is closed and there has not been any recent activity. Please open a new issue for related bugs or feature requests.