Need Example of grid with grouping using angular js and mvc

[Rakesh Advani]

 I want example of grouping with Angular and Mvc  

This link for your reference 

 

     http://help.syncfusion.com/js/grid/grouping

 

Waiting for your quick reply  if possible before  monday provide example

[Isuriya Rajan]

Hi Rakesh,
Thanks for contacting Syncfusion support

Your requirement can be achieved by using allowGrouping property in Grid. By using the groupSettings property we can group the particular column.

   <div id="Grid" ej-grid ="" e-datasource="data"  e-allowpaging="true" e-groupsettings-groupedcolumns="groupcol" e-allowgrouping="true" >

angular.module('listCtrl', ['ejangular'])

        .controller('PhoneListCtrl', function ($scope) {

            $scope.data = obj; 

            $scope.groupcol =["EmployeeID"];//Grouped column

        });

We have created a sample using allowGrouping property in jsPlayground, 

 Sample

 

Regards,

Isuriya R

[Bharat Buddhadev]

Thanks for reply but is not working share image with what issue with it

before sending can you please check once.

Attachment: New_folder_(4)_9af342dc.rar

[Isuriya Rajan]

Hi Bharat,
We regret for the inconvenience caused.
Your requirement can be achieved by allowGrouping property in Grid. Using the groupSettings property, we can group the particular column. 

<div id="Grid" ej-grid ="" e-datasource="data"  e-allowpaging="true" e-groupsettings-groupedcolumns="groupcol" e-allowgrouping="true" >

angular.module('listCtrl', ['ejangular'])

        .controller('PhoneListCtrl', function ($scope) {

            $scope.data = obj; 

            $scope.groupcol =["EmployeeID"];//Grouped column

        });

We have created a sample using allowGrouping property in jsPlayground that you can download from the following location, 

 Sample

Regards,

Isuriya R