Is there any way I can freeze first column(always display) while horizontal scrolling?

Is there any way I can freeze first column(always display) while horizontal scrolling? As displayed in the below picture, I want to show Title column always while scrolling horizontally

How do I freeze the first column in a table?

To freeze the row/column we can use a simple HTML table and CSS. HTML: In HTML we can define the header row by <th> tag or we can use <td> tag also. Below example is using the <th> tag. We also put the table in DIV element to see the horizontal and vertical scrollbar by setting the overflow property of the DIV element.

Check out the documentation on Pinning: http://ui-grid.info/docs/#/tutorial/203_pinning

You basically add pinning to the module:

var app = angular.module('app', ['ui.grid', 'ui.grid.pinning']);

... and add the pinning directive to your grid element:

<div ui-grid="gridOptions" class="grid" ui-grid-pinning></div>