How to set ng-grid row or cell height in AngularJs?

We can achieve using rowHeight ="200px" in the given below "mobileGridView " options. The example code-sample as given below.

?

$scope.mobiles = resp.data;

$scope.Columns = [{field: 'C50Percent', displayName: 'Alerts Percent',

                cellTemplate: multiplePercntFieldsInSingleCell

            },

            { field: 'LastUpdateBy', displayName: 'LastUpdateBy' },

            { field: 'LastUpdateDate', displayName: 'Last Update', cellFilter: "date:'yyyy-MM-dd'"}];

$scope.mobileGridView = {

        data: 'mobiles',

        rowHeight: 240,

        columnDefs: 'Columns'    

    };

$scope.mobiles = resp.data;
   
$scope.Columns = [{field: 'C50Percent', displayName: 'Alerts Percent',
                cellTemplate: multiplePercntFieldsInSingleCell
            },
            { field: 'LastUpdateBy', displayName: 'LastUpdateBy' },
            { field: 'LastUpdateDate', displayName: 'Last Update', cellFilter: "date:'yyyy-MM-dd'"}];

$scope.mobileGridView = {
        data: 'mobiles',
        rowHeight: 240,
        columnDefs: 'Columns'     
    };

Pin it

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

How to set ng-grid row or cell height in AngularJs?

Reviewed by Anil Singh on 1:18 AM Rating: (5)