When I try to conditionally render a column that's nested, its value cells don't show up (which is correct), but its header cell still shows up (which is incorrect), making the entire header row misaligned with the grid rows -- see example below:
https://codesandbox.io/s/new-https-mt0knv?file=/app/main.jsx
Is there any workaround for this? I've tried cellRender, rowRender, headerCell, and headerClassName to no avail, but maybe I've missed something. Unfortunately, I cannot use CSS display:none on the ".k-header" selector because I have a grouped grid where I need that first column header for the hierarchy, and I'd like to try anything but CSS for this as this seems like a KendoReact (JS) bug in general.
Rank 4
Bronze
Iron
Iron
1 Answer, 1 is accepted
Hello Janki,
For dynamically changing the columns structure of the Grid you can use an external collection with the columns configuration and add for example a "show" property that can be used for filtering the columns. Following is an example demonstrating such approach:
Hope this helps.
Regards,
Konstantin Dikov
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Rank 4
Bronze
Iron
Iron