devextreme-reactive icon indicating copy to clipboard operation
devextreme-reactive copied to clipboard

Support column/row spanning

Open khoanguyen2610 opened this issue 6 years ago • 3 comments

  • [x ] I have searched this repository's issues and believe that this is not a duplicate.

I'm using ...

  • [x ] React Grid
  • [ ] React Chart
  • [ ] React Scheduler

Description

Environment

  • devextreme-reactive: xxx
  • react: xxx
  • browser: xxx
  • bootstrap: none
  • react-bootstrap: none
  • material-ui: none

image

Dear, I want to use colSpan and rowSpan to build table like image above with TreeData, i used Table.rowComponent to custome my table but Tree not working. Please help me

khoanguyen2610 avatar Jun 17 '19 09:06 khoanguyen2610

Hi @khoanguyen2610 ,

Currently we do not support this feature. Thank you for the idea, we'll consider implementing it in our future releases.

ushkal avatar Jun 17 '19 14:06 ushkal

there is one option called columnBands which allows you to achieve that kind of feature

sefonixy avatar Mar 11 '20 07:03 sefonixy

The TableBandHeader component can be used to achieve this. If you don't want to have the cascading look override the TableHeader's cell or row component to return null. Caveat: Plugins that interact with the TableHeader - like sorting - won't work anymore, right?

We use this as a workaround but would be very happy to see column spanning as a feature for the TableHeader.

theMattCode avatar Jun 15 '21 06:06 theMattCode