We are having issues with column cells aligning properly when using grouping on a grid that contains custom cells. I found an example that shows the issue based on a previously supplied example on this form for showing how to use the features together: https://stackblitz.com/edit/react-we8fax-pmvw9o?file=app/main.js. Basically the cells of the grouped rows are smaller than the headers and there is additional space coming at the end of those rows.
2 Answers, 1 is accepted
0
Accepted
Hello, James,
Thank you for the example.
The issue occurs because the first if is only checking if the item is in the edit, this results in td element being added in the groupHeader as well. The if statement has to be extended.
Also, if none of the conditions are met the cell has to return null at the end.
This is the modified example:
https://stackblitz.com/edit/react-we8fax-bbc4ra?file=app/main.js
Regards,
Stefan
Progress Telerik
Thank you for the example.
The issue occurs because the first if is only checking if the item is in the edit, this results in td element being added in the groupHeader as well. The if statement has to be extended.
Also, if none of the conditions are met the cell has to return null at the end.
This is the modified example:
https://stackblitz.com/edit/react-we8fax-bbc4ra?file=app/main.js
Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
James
Top achievements
Rank 1
Rank 1
answered on 22 Jan 2019, 04:37 PM
Thank you