Grid group without indentation

[Raj Maheshwari]

Hello Team

I am reviewing your EJ2 grid widget with grouping, I would like to show the groups of dataset 

1. But due to limited real estate on screen, I would like to remove indentation form the child list
2. Also we would like to remove the "select all" checkbox, but replace it with label "copy".

https://stackblitz.com/edit/angular-4qldud-iebw8a?file=app.component.ts

From 

To

[Rajapandi Ravi]

Hi Mohit, 

Greetings from Syncfusion support 

From your update we could see that you like to hide the expand/collapse icon and also hide the header checkbox and instead of header checkbox you like to display the label “copy”. Based on your query we have prepared a sample and hide the header checkbox by using dataBound event of Grid and also, we have hide the expand/collapse icon by using CSS. Please refer the below code example and modified sample for more information. 

Index.html 

.e-grid .e-recordpluscollapse {  //hide the expand/collapse icon 

    display: none; 

  } 

  .e-grid .e-recordplusexpand { 

    display: none; 

  } 

  </style> 

App.component.ts 

dataBound() { 

            (document.getElementsByClassName('e-checkbox-wrapper')[0] as any).style.display = 'none'; 

            var y = document.createElement("LABEL"); 

            y.innerText = "Copy"; 

document.getElementsByClassName('e-checkbox-wrapper')[0].parentNode.appendChild(y); //appending label element 

} 

Sample: https://stackblitz.com/edit/angular-4qldud-nqzfjp?file=app.component.ts 

API: https://ej2.syncfusion.com/documentation/api/grid/#databound 

Regards, 

Rajapandi R 

[Raj Maheshwari]

Thank you Rajapandi

is it possible to fix the grouping row to go all the way to end.

[Rajapandi Ravi]

Hi Mohit, 

Thanks for the update 

Before we start providing solution on your query, we need some information for our clarification. Please share the below details that will be helpful for us to provide better solution. 

1)             Please share your exact requirement scenario step by step with detailed description. 

2)             Please share the use case scenario about what you are trying to achieve with the grouping row. 

Regards, 

Rajapandi R