IG Hack - #4, Change the column width of Interactive Grid using JavaScript in Oracle APEX
This blog explains, how to change the column width of and Interactive Grid using JavaScript. Follow the below steps to achieve this: Example - 1: Set the Column Width for a single Column. 1) Put the below JavaScript Code in the Page -> JavaScript -> Execute When Page Loads section. apex . region ( "EMP_IG" ). call ( "getViews" ). grid . view$ . grid ( "setColumnWidth" , "EMPLOYEE_NAME" ,2 00 ); Note: In the above code, the width of the Employee Name column is set to 200. Replace EMPLOYEE_NAME with the name of your column that you want to set the width for. Replace EMP_IG with the Static ID of your Interactive Grid. Example - 2: Set the Column Width for all Columns. 1) Put the below JavaScript Code in the Page -> JavaScript -> Execute When Page Loads section. var igView = apex . region ( "EMP_IG" ). call ( "getViews" ). grid . view$ , colArray = []; ...