List of column settings that specifies custom column fixing options on a per column basis.

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnFixing",
							columnSettings: [
								{
									columnKey: "Name",
									allowFixing: false,
									isFixed: true
								}
							]
						}
					]
				});

				//Get
				var columnSettings = $(".selector").igTreeGridColumnFixing("option", "columnSettings");
			 

• allowFixing

  Type:

  bool

  Default:

  true

  Specifies whether the column can be fixed or not. If allow fixing is false, then the fixing pin will not be rendered for the column.

  Code Sample

   
  						//Initialize
  						$(".selector").igTreeGrid({
  							features : [
  								{
  									name : "ColumnFixing",
  									columnSettings: [
  										{
  											columnKey: "Name",
  											allowFixing: false,
  											isFixed: true
  										}
  									]
  								}
  							]
  						});
  
  						//Get
  						var columnSettings = $(".selector").igTreeGridColumnFixing("option", "columnSettings");
  					 

• columnIndex

  Type:

  number

  Default:

  null

  Identifies the grid column by index. Either key or index must be set in every column setting.

  Code Sample

   
  						//Initialize
  						$(".selector").igTreeGrid({
  							features : [
  								{
  									name : "ColumnFixing",
  									columnSettings: [
  										{
  											columnIndex: 2,
  											allowFixing: false,
  											isFixed: true
  										}
  									]
  								}
  							]
  						});
  
  						//Get
  						var columnSettings = $(".selector").igTreeGridColumnFixing("option", "columnSettings");
  					 

• columnKey

  Type:

  string

  Default:

  null

  Identifies the grid column by key. Either key or index must be set in every column setting.

  Code Sample

   
  						//Initialize
  						$(".selector").igTreeGrid({
  							features : [
  								{
  									name : "ColumnFixing",
  									columnSettings: [
  										{
  											columnKey: "Name",
  											allowFixing: false,
  											isFixed: true
  										}
  									]
  								}
  							]
  						});
  
  						//Get
  						var columnSettings = $(".selector").igTreeGridColumnFixing("option", "columnSettings");
  					 

• isFixed

  Type:

  bool

  Default:

  false

  Specifies whether the column is initially fixed or not. Check this topic out for more information.

  Code Sample

   
  						//Initialize
  						$(".selector").igTreeGrid({
  							features : [
  								{
  									name : "ColumnFixing",
  									columnSettings: [
  										{
  											columnKey: "Name",
  											allowFixing: false,
  											isFixed: true
  										}
  									]
  								}
  							]
  						});
  
  						//Get
  						var columnSettings = $(".selector").igTreeGridColumnFixing("option", "columnSettings");
  					 

Text of the feature chooser button for fixing a currently unfixed column.

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnFixing",
							featureChooserTextFixedColumn: "Fix column"
						}
					]
				});

				//Get
				var featureChooserTextFixedColumn = $(".selector").igTreeGridColumnFixing("option", "featureChooserTextFixedColumn");
			 

Text of the feature chooser button for unfixing a currently fixed column.

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnFixing",
							featureChooserTextUnfixedColumn: "Unfix column"
						}
					]
				});

				//Get
				var featureChooserTextUnfixedColumn = $(".selector").igTreeGridColumnFixing("option", "featureChooserTextUnfixedColumn");
			 

Configures which side the fixed columns of the grid will be rendered on. Check this topic out of more information.

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnFixing",
							fixingDirection: "right"
						}
					]
				});
				//Get
				var fixingDirection = $(".selector").igTreeGridColumnFixing("option", "fixingDirection");
			 

Specify initial fixing of all non data columns. Non-data columns are columns in the grid rendered for specific features, like the row selectors feature. The column containing the row numbering is such a column. This option is applicable when fixingDirection is set to left. For a full column fixing configuration summary please refer to this topic.

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnFixing",
							fixNondataColumns: true
						}
					]
				});

				//Get
				var fixNondataColumns = $(".selector").igTreeGridColumnFixing("option", "fixNondataColumns");
			 

Specifies the tooltip text on the column fixing header icon when column is not fixed.

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnFixing",
							headerFixButtonText: "Click to fix this column"
						}
					]
				});

				//Get
				var headerFixButtonText = $(".selector").igTreeGridColumnFixing("option", "headerFixButtonText");
			 

Specifies the tooltip text on the column fixing header icon when column is fixed.

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnFixing",
							headerUnfixButtonText: "Click to unfix this column"
						}
					]
				});

				//Get
				var headerUnfixButtonText = $(".selector").igTreeGridColumnFixing("option", "headerUnfixButtonText");
			 

Minimal visible area in pixels for the unfixed columns. If the end user tries to fix a column(or columns), which causes the width of the fixed columns to grow such that the width of visible area of unfixed columns is less than this option then fixing will be canceled. Check this topic out for more information.

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnFixing",
							minimalVisibleAreaWidth: 100
						}
					]
				});
				//Get
				var minimalVisibleAreaWidth = $(".selector").igTreeGridColumnFixing("option", "minimalVisibleAreaWidth");
			 

When true all the TR DOM attributes of the unfixed row will be copied to the fixed row. Note that when enabled this option negatively affects performance when fixing a column.

 
        //Initialize
        $(".selector").igTreeGrid({
            features : [
                {
                    name : "ColumnFixing",
                    populateDataRowsAttributes: false
                }
            ]
        });
        
        //Get
        var populateDataRowsAttributes = $(".selector").igTreeGridColumnFixing("option", "populateDataRowsAttributes");
        

Scroll delta in pixels when scrolling with the mouse wheel or the keyboard in the fixed columns area of the grid.

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnFixing",
							scrollDelta: 100
						}
					]
				});

				//Get
				var scrollDelta = $(".selector").igTreeGridColumnFixing("option", "scrollDelta");
			 

Specifies whether to show the column fixing buttons in header cells/feature chooser.

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnFixing",
							showFixButtons: false
						}
					]
				});

				//Get
				var showFixButtons = $(".selector").igTreeGridColumnFixing("option", "showFixButtons");
			 

Enable row height sync for the fixed and unfixed portion of the grid. If you're observing row misalignment, please refer to this article.

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnFixing",
							syncRowHeights: true
						}
					]
				});

				//Get
				var syncRowHeights = $(".selector").igTreeGridColumnFixing("option", "syncRowHeights");