Is there a way to freeze the first column (always displayed) while scrolling horizontally?

Question

Is there any way to freeze the first column (always show) while scrolling horizontally? As shown in the image below, I want to show the header column always when scrolling horizontally

Answer 1

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

Basically you add a binding to the module:

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

... and add a binding directive to the grid element:

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

Answer 2

Click here. Click the link. The link solved my problem. This is exactly what I was looking for.