SlickGrid: How to view full text in column headers?
javascript, jquery, mouseover, slickgrid
Solution
Ok - I got this. In the latest version of SlickGrid there seems to be a change made to the way the title attribute is set on the column-headers. Previously, the name attribute of the column would be set as title. Now we need to add a new parameter to the column definition - called `toolTip`. I edited your fiddle with this and now the tooltips work fine.
http://jsfiddle.net/100thGear/6sGXx/
I changed your column definition like this:
{ id: "long-val", name: "Really Really Really Long Title",
field: "longVal", sortable:true,
toolTip: "Really Really Really Long Title" }
Note that you don't need the slick.autotooltips.js to make this work. That's just for the tooltips on the data.
Let me know if this helps!
Problem
I'm using SlickGrid, and right now, if I have really long column headers, SlickGrid cuts the header short with ellipses (...). My question is: Is there's a way to view the whole text on mouseover? By the way, I was able to do it for long cell entries by registering this cool plugin https://github.com/mleibman/SlickGrid/blob/master/plugins/slick.autotooltips.js: `mygrid.registerPlugin(new Slick.AutoTooltips());` Here's a jsFiddle using that plugin: http://jsfiddle.net/crystality/h5ZLP/1/ Note that if you mouseover a cell with a long value, then you can view the full entry, but it doesn't do that for long column headers. I'm thinking that I can edit that plugin to allow for that behavior. Any other suggestions? Thanks!