I'm in need of a grid where each row has cells with a rowspan. So that the final two or three cells are split into two rows.
Here's an example I've done using rowRender.
https://stackblitz.com/edit/react-hwvage?file=app/main.jsx
I've got the layout I want however I lose the ability to sort, lock columns etc. Is there a better way to accomplish what I'm trying to do?
Thanks!
3 Answers, 1 is accepted
Hello, Bill,
Thank you for your example.
This is possible but requires adding the styles that control the locked columns.
This includes:
- "k-grid-content-sticky" className for the td
- "k-master-row" on the tr
- "trElement.props.children[columnIndex].props.style" on the td:
https://stackblitz.com/edit/react-hwvage-nipmqk?file=app/main.jsx
As I see that there is reordering, please have in mind that this will require manually rearranging the columns after reordering, as we do it automatically, but with a custom row, our rendering is overwritten.
Regards,
Stefan
Progress Telerik
Rank 1
Veteran
Hello, Bill,
The sorting requires the following setup:
https://www.telerik.com/kendo-react-ui/components/grid/sorting/
I have also added sorting to the previous example:
https://stackblitz.com/edit/react-hwvage-nipmqk?file=app/main.jsx
Regards,
Stefan
Progress Telerik