Column with Fixed Width in Tree Grid for AngularJS

Created: 24 April 2015

By default, columns in Tree Grid directive for AngularJS are all resizable. You can change their width either through code or by the end user by simply click on left or right side of column header and move in either direction. In some cases, we may need to fix a specific column and prevent it from resizing. In following sections of this article, we will show you how to do that.

TreeGrid directive is part of IntegralUI Studio for Weba suite of UI Components for development of web apps

Selected Column: Is Width Fixed

As demonstration above shows, you can select a column by clicking on its header or choosing it from combo box on right panel. Then by clicking on 'Is Width Fixed' check box, a column will become fixed or not. Furthermore, by clicking on the button, you can lock or unlock all columns in the Tree Grid.

Whenever you want to lock a specific column and prevent it from resizing, you only need to change this field value to true. In order for all columns to become fixed, you need to set this for all of them

Newsletter

Sign-up to our newsletter and you will receive news on upcoming events, latest articles, samples and special offers.

Name:

Email: *

*By checking this box, I agree to receive a newsletter from Lidor Systems in accordance with the Privacy Policy. I understand that I can unsubscribe from these communications at any time by clicking on the unsubscribe link in all emails.