Hi,
I have the library 2012.1 with the loader functionality and I am trying to change the row height of the grid because I consider it too big (please see the attachment with the definition of the grid), but with no success so far. Please can you give me any ideas?
Update: Just to clarify a bit, I added width("0px") in order to hide the two columns, I could not use the hiding feature of the grid because of a nasty error I was getting in the browser: "Stop running this script? A script on this page is causing your web browser to run slowly. If it continues to run, your computer might become unresponsive.". The grid row is too big because the string data in one of the columns which have the width 0px.
I would appreciate any help on hiding the two columns (using the hiding feature of the grid) or truncating the data in the column with the width 0px (using format "abcd...", so that the ellipsis will be replacing the rest of the string and the row size will be less).
Kind regards,
Hello IccAppSupport,
Setting table row height can be done in CSS. I've two solutions for you which you can find in the attached samples:
First solution is using CSS "white-space" property which basically trims the long text to one row. The sample is named igGrid_RowHeight_WhiteSpace.html
Second solution is using igGrid column template feature. (Note:This is a new feature in 12.1 release.) The idea is to put the long text in block element, in our case in P tag and the I apply height to the P element. This way I got fixed row size. The sample is named igGrid_RowHeight_BlockElement.html
In both of my samples I've enabled igGridTooltips feature which popups a tooltip with the whole cell text.
You can also find useful this igGrid sample for igGridTooltips.
Hope this helps,
Martin Pavlov
Infragistics, Inc.