We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Need Example of grid with grouping using angular js and mvc


 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


3 Replies

IR Isuriya Rajan Syncfusion Team September 11, 2015 08:28 AM UTC


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



BB Bharat Buddhadev September 11, 2015 08:58 AM UTC

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


IR Isuriya Rajan Syncfusion Team September 14, 2015 08:12 AM UTC

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


Loader.
Live Chat Icon For mobile
Up arrow icon