colspan Support like spanning table

[rohangampa]

I wanted to recreate table structure similar to this

I have tried customHeadRender and customBodyRender buts since i am able to customize individual cell but cannot group cells together i am not able to achieve the requirement.

please let me know if i am missing anything.

Thanks in Advance

[wdh2100]

@rohangampa

ref : #1441

[rohangampa]

@wdh2100 i have gone through above referenced feature but i am not sure how grouping solves the issue .

[patorjk]

The only way I see of doing something like that is to have a column that takes in an array of data and then to use customBodyRender to render the data in the cell. The individual sub-cells would need to be divs rather than tds.

[rohangampa]

Thanks @patorjk with this i will be able to achieve the table look ,but when download the table then it will display the cells as object rather than the customized cell .

[patorjk]

Check out the onDownload option. You can override how the data is put together. Example:

onDownload: (buildHead, buildBody, columns, data) => {
    return buildHead(columns) + buildBody(data); 
} 

One idea could be to copy the data object, and then process the data in the copy to display how you'd like, and then pass that data object to the buildBody function.