Center Align List/Grid Data

By | June 21, 2016

Dear folks! Here comes one more exciting blog for you all. You all must be familiar of List/Grid in CRM. It’s nothing but tabular representation of the data present in your CRM. It contains “Rows” and “Columns”, columns starts from serial no “0” (i.e. the index value of the first column is “0”). Now, you all must be wondering why I am giving the detail explanation about the Lists/Grids. To get your answer please continue reading below stuffs.

New Stuff: Disable Double click property on SSA field

Consider a requirement where you are asked to “center align values of columns in a List”. To understand it more clearly please find below images.
IMG1
Above image is the standard way of showing data in a list. Now suppose you want to center align column no. “2”,”3”, (i.e. “Company name” and “Person”). Simply call a function on page load and use below mentioned code.
crm.Ready(function(){
 crm.grids().rows().exec(function (index, currentCell) {
     crm.grids().setCellAttribute($(currentCell).parent().index()-1,1,”align”, “center”)
                 crm.grids().setCellAttribute($(currentCell).parent().index()-1,2,”align”, “center”)  
   });

});

Please find below image which shows the format of grid/list before using above code.

IMG2
After using above mentioned code the format changes as expected.
IMG3
Similarly we can apply same logic for every columns in a Grid/List.
Also Read:
1. Apply underline to a Column Header in List or Grid
2. Remove Hyperlinks from Quote/Order Line Item Grid
3. Grid Manipulation Using CSS – Part 2
4. Grid Manipulation Using CSS
5. Grid Manipulation using Client Side API