Adobe Community: Message List - CFGrid Headers Invisible in IE until mouseover

Re: CFGrid Headers Invisible in IE until mouseover

forums_noreply@adobe.com — Wed, 16 Jul 2014 18:36:53 GMT

I had the same problem but it only happened if the CFGRID was nested inside of a html table. I replaced the tables with divs and it seemed to work after that. I have noticed that I am not having that problem at all with IE10.

Re: CFGrid Headers Invisible in IE until mouseover

forums_noreply@adobe.com — Tue, 21 Jan 2014 08:59:19 GMT

There is no issue with Firefox or Chrome, just with Internet Explorer. So I would assume this is a browser quirk. My strategy would therefore be to first exhaust all possible browser solutions before proceeding to change the code. One possible solution is to install the latest version of Internet Explorer, together with the relevant Windows updates.

Re: CFGrid Headers Invisible in IE until mouseover

forums_noreply@adobe.com — Mon, 20 Jan 2014 23:58:16 GMT

No change. :-(

Show up just fine in FIreFox and Google, but not in IE.

(Sorry, I have two id's and my horrible memory makes me bounce back and forth between them)

Re: CFGrid Headers Invisible in IE until mouseover

forums_noreply@adobe.com — Sun, 19 Jan 2014 10:09:24 GMT

That's odd. Let us assume you represent the headers by means of cfgridcolumn tags. Is there any change when you explicitly add the attribute display="true" to each cfgridcolumn tag?

CFGrid Headers Invisible in IE until mouseover

forums_noreply@adobe.com — Thu, 16 Jan 2014 16:59:18 GMT

My client uses CFGRID and IE a lot (yeah, I know) and I have been tasked to solve this problem.

When the grid first comes up in IE, the headers are invisible; mouse over them and they'll appear and stay on until you move on to a new table or refresh the screen.

Firefox and Chrome do not have this problem.

To make matters worse, my client has disabled the developer tools access in IE so I can't drill down to the CSS and look for a solution that way.

I am trying to find a cfgrid.onload solution, but apparently the documentation is sparse on the methods available in cfgrid (know where they are? Please enlighten me!)

I stumbled across .refresh() and updateHeaders() but I cannot find their proper syntax and just what the heck they're supposed to do. I know, lame, but try RTFM when you can't find TFM!

My first try was to create and OnLoad this:

function IEReload() {

var grid = ColdFusion.Grid.getGridObject('mygridname');

grid.updateHeaders('mygridname');

grid.refresh('mygridname');

}

which does not work.

Ideas welcome!

Thanks,

RLS