APEX

1. For the sorting, I have used the below code in the Execute When Page Loads section of the page and it works fine
   apex.region("MY_IG_STATIC_ID").call("getViews").grid.view$.grid( "option", "columnSort", false );
   But how can the same be achieved using the JavaScript Initialization Code of the Interactive Grid
   I have tried using the below code but it does not work
   function( config) {
   var colOptions = config.columns;
   for (let i = 0; i < colOptions.length; i++) {
   let isHidden = colOptions[i].isHidden;
   if(!isHidden) {
   colOptions[i].canSort = false;
   }
   }
   return config;
   }
2. For the Column Width I have used the below code in the Execute When Page Loads section of the page and it works fine. But it slows down the loading of IG because my IG has more number of columns.
   var igView = apex.region("MY_IG_STATIC_ID").call("getViews").grid.view$, colArray = [];
   colArray = igView.grid("getColumns");
   for (i=0; i<colArray.length-1; i++){
   igView.grid("setColumnWidth",colArray[i].property,300);
   }
   How can the same be achieved using the JavaScript Initialization Code of the Interactive Grid.

@john-snyders-oracle can you please guide on how this can be achieved