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
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.
Hi Nikolay,
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,
Can you specify what scrollbars you are refering to? There should be a only one - vertical scrollbar for the grid. It is displayed correctly in all browsers on my side.
I should have said 'scrollbar' instead of 'scroolbars', sorry about that. The vertical grid scrollbar is the one that displays in Safari. Attached is a screen shot of Chrome (Version 29.0.1547.76 m) and Safari (5.1.7).
Thanks for clarifying this.
I am using the exact same version of Chrome and the scrollbar is visible, so it seems this is not causing the issue.
Are you running the sample without any modifications? Are there any javascript errors?
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.