Tree Grid Want to reserve First Column for selection check box not for grouping

Tree Grid Want to reserve First Column for selection check box not for grouping

Posted by: pmithilesh on 5 February 2024, 6:33 am EST

• 

  pmithilesh

  • Post Options:
  • Link
    Copy

  Posted 5 February 2024, 6:33 am EST - Updated 5 February 2024, 6:38 am EST

  Hi,
  
  we have Tree grid with parent child items. we have new requirment which needs first column to be reserved for few thing like check box
  
  but whenever i try to put the first column groping are getting moved to first column which should be on second columns
  
  Please find attached Image for the problem we wanted name column to have name Column as Tree node/group not the first column
  
  

  

  1877×918 155 KB

  Thank you

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 5 February 2024, 4:39 pm EST

  Hello,

  To achieve the desired requirement, you can use ng-template to create custom expand/collapse icons in any specific column and perform the detail row expand/collapse actions on those icons. To provide padding according to the hierarchy, you can add a handler on the formatItem event. This handler will also be used to remove the padding from the first indexed column. Please refer to the sample link below demonstrating the same:

  https://stackblitz.com/edit/angular-tyerut?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html

  Regards