Menu
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
813
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>
75
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
