APEX

I am currently working in Oracle Apex 5.1.2 and I am having trouble with trying to make the text in the columns of an interactive grid capable of wrapping when the column becomes too narrow. I found the following code on multiple websites, and when I use it on Apex version 5.1.4 it works perfectly, but it's not working on version 5.1.2 and I don't know why.

I put the following code in the "JavaScript Code" section of one of the columns in the interactive grid:

     function(config) { 
          config.defaultGridColumnOptions = { cellTemplate: '<div class="wrap-cell">&COL_NAME.</div>' }; 
     return config;}

Then I put the following code in the "Inline" CSS section for the page:

     .wrap-cell { 
          max-height: 64px; 
          white-space: normal; 
          overflow: hidden; }

When I run the page, the text in every row of that column actually disappears, but when I double click on one of the cells in that column then an edit box for that cell pops up and the text is there (and seemingly wrapped), but when I click out of the edit box the text disappears again.

Anyone have any ideas?

Thank you in advance.