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 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,
Hi Randy,
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?
Hi Nikilay,
I'm running your sample without any changes, and there are no error messages in the console when I run it.
I just did a test using Chrome where I changed the jQuery files in your sample to the versions I'm using in my project:
When I run that the scrollbar is displayed. I don't know what that means but it's interesting... I have attached a screen shot of both samples running in Chrome.
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.