Can Filter be moved to the End fo the Toolbar in Adaptive View

[Danyelle]

I would like to move the filter icon to the end of the toolbar in adaptive view.  How can I move it to be beside the search icon?

[Vignesh Sivagnanam]

Hi Danyelle 

Greetings from Syncfusion support 

Based on your query, we understand that you want to move the filter icon to right side of the toolbar. To achieve your requirement, we suggest you to use the EJ2 Grid dataBound event to remove the filter icon from the left side and append to the right side of the toolbar. You can use the below code example to achieve your requirement. 

Please refer the below code example for your reference, 

dataBound(args) { 

    var toolbarLeftNodes = document.getElementsByClassName('e-toolbar-left')[0] 

      .childNodes; 

    var filtericon = toolbarLeftNodes[0]; 

    toolbarLeftNodes[0].remove(); 

    var right = document.getElementsByClassName('e-toolbar-right')[0]; 

    right.insertBefore(filtericon, right.children[0]); 

  } 

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

 

Please get back to us for further assistance, 

Regards 

Vignesh Sivagnanam