Skip to Main Content
Oracle APEX Knowledge Street
Change the column width of Interactive Grid using JavaScript
Go to blogpost
Example-1
Set the Column Width for a single Column without noStretch property
In this example the width of Employee Name column is set to 200
EXAMPLE_1_IG
Example-2
Set the Column Width for all the columns without noStretch property.
In this example the width of all the columns in set to 200
All the columns will adjust its width to the grid's total width because the noStretch property is false.
EXAMPLE_2_IG
Example-3
Set the Column Width for a single column is set with noStretch property.
In this example the width of the Employee Address columns in set to 200
The Employee Address column will always have the width as 200 each time the page is loaded.
It will never adjust its width because the noStretch property is applied to the Employee Address column.
EXAMPLE_3_IG
Example-4
Set the Column Width for all the columns with noStretch property.
In this example the width of all the columns in set to 200
The columns will never adjust its width to the grid's total width because the noStretch property is true.
EXAMPLE_4_IG