Customizing the border style and space between TreeGrid rows

Thanks for the update. I want the style in this format: each super parent and all its children should be marked with a black border (border only for super parent not its child ). Add extra space only between the super parents (not between their children) in the tree grid.


Image_5634_1761246367906


1 Reply

SM Shek Mohammed Asiq Abdul Jabbar Syncfusion Team October 27, 2025 02:17 PM UTC

Hi Jishnu chn,


Greetings from Syncfusion Support!


You can customize individual cells using the QueryCellInfo event and apply border styles using CSS. For more details, please refer to our documentation on customizing cell styles:
đź”— https://blazor.syncfusion.com/documentation/treegrid/cell#customize-cell-styles


We can provide an example based on your specific requirement using the QueryCellInfo event. To proceed, we need more information on:

  • Where you want to apply the border (e.g., specific columns or rows).
  • How the border should appear for different child positions, such as multiple children or sub-children.


Once we have these details, we’ll be happy to assist you with a tailored solution.


Best regards,
Shek


Loader.
Up arrow icon