How to remove collapse and expand button column in kendo react grid UI

Hi Nitin,

In order to hide the column you can just remove the onExpandChange event handler and there should be no auto-generated expand/collapse column. In the following example you can see how a custom column is used for expanding/collapsing and the default one is not visible (due to the removed onExpandChange):

• https://stackblitz.com/edit/react-eh2ndd-7jskr9?file=app%2Fmain.jsx,index.html

As for removing the expand column with CSS, here is an example demonstrating this approach:

• https://stackblitz.com/edit/react-eh2ndd?file=index.html

            <style>
            .k-grid th:nth-child(1),
            .k-grid col:nth-child(1),
            .k-grid td:nth-child(1){
                display: none;
            } 

You can add custom class name to the Grid and include it in the CSS selectors, so it can be applied to that particular Grid only. 

Hope this helps.

Regards,
Konstantin Dikov
Progress Telerik