TreeGrid breaks expand button positioning

Question

Hi,



I've tried to indent
multiple columns using the template parameter in a column definition.
Although templating works fine, the UI gets broken. The expand
button is pushed to the new line. I hope it is obvious from the
picture below.



The working example
is here: https://stackblitz.com/edit/dfqppv?file=index.ts

Gowri Loganathan · Accepted Answer

Hi Ssvinciak,

Thanks for contacting Syncfusion Forum.

Query: Issue in Expand button position

To avoid the reported issue we suggest you to define the template as shown in the below code snippet,

…………….. . . .

columns: [

………… . .

{ field: 'taskName', headerText: 'Task Name', width: 200, template: "<span>${taskName} ${duration}</span>" }

………… . .

]

…………….. . . .

Output

Modified Sample link: https://stackblitz.com/edit/izxahv-j6aqer

Please get back to us for further assistance. We are happy to assist you.

Regards,

Gowri V L