Hello,
I have two questions about igGrid:
Thank You!
Randy
Hello Randy,
There is no currently built-in functionality allowing for placing images in the column headers. A possible solution would be to iterate through all header elements and append the corresponding image. You can select all headers with jQuery like this: $('.ui-iggrid-header.ui-widget-header')
You can make the grid headers fixed by setting the "fixedHeaders" option of the grid to true (it is the default value): http://help.infragistics.com/jQuery/2013.1/ui.iggrid#options
Please let me know if you have any other questions.
Thank You, Nikolay.
There is just one other question, how does one set the grid to scroll its content? I have tried various ways but the row headers always scroll out of view.
Thanks, Randy
In order to set the grid to scroll its content you should define height option. The fixedHeaders option is true by default so it's not mandatory.
Example:
$().igGrid({
height: "400px"
});
Best regards,Martin PavlovInfragistics, Inc.
I'm just checking if you have managed to solve your issue.
Hi Nikolay,
Thank you for checking in.
I am still not able to get scrollbars in the grid even after setting the height and showHeaders options. There is a document attached with the code and a screen shot.
The grid is inside of a jQuery dialog, could that have anything to do with the problem?
There is an error when showing the dialog, which appears to be connected to the grid template in some way. the error is Uncaught TypeError: Cannot call method 'replace' of undefined
So far I cannot figure out why the error occurs but the dialog does display. I have to click the link twice for the dialog to display, though.
Hi Randy,
I created a small test page with igGrid in a dialog window. The scrollbar is displayed as expected. Please have a look and try to modify the sample to reproduce the issue. Then upload it back here.
Thank you.
What I found is that on my computer, when I run your html file in Safari the scroll bars are displayed. If I use, IE, Chrome, or Firefox the scrollbars are missing.
I found that with my own project the same is true. The scrollbars will appear if I run my project in Safari but not the other browsers. Compared to your test page, I am running slightly different versions of the jQuery files and modernizr, along with a few additional .js files. But otherwise, your code looks very similar to mine.
Do you have any idea what to make of that?
Thank you,
If you face any other issues, please let me know.
Thank you for your help. I will give that version a try.
If you are using IgniteUI v13.1, you could work with jQuery 2.0.0.
Thank you, Nikolay.
Is there a version of jQuery you would recommend? If not I will just experiment to see what works.
Thanks again for looking into this.
It seems that the issue is caused by this particular version of jQuery. I would suggest you to use a different version if it is convinient for you.