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.
Hello IccAppSupport,I tried your attached code in combination with Hiding feature in my environment using 12.1.If the columns are set hidden through the ColumnSettings
.Features(feature =>{ feature.Hiding(). .ColumnSettings(settings => { settings.ColumnSetting().ColumnKey("Name").Hidden(true).AllowHiding(false); settings.ColumnSetting().ColumnKey("ListPrice").Hidden(true).AllowHiding(false); }) )
"Name"
true
false
"ListPrice"
The result is expected(they are not visible) and no JS error occurs.Please take a look at the help documentation regarding this:http://help.infragistics.com/Help/NetAdvantage/jQuery/2012.1/CLR4.0/html/igGrid_Configure_Column_Hiding.html#example_hiding_column_completely
Regarding the width of 0px, the unexpected behavior occurs because the overflow is shown and it makes the column's cell so big. In order to be avoided, you can make a try to override the CSS class.
Hope this help.
PS: I suggest you to attach text files with the code snippet instead of images because it makes the sample easier to reproduce.
Issue is still not solved, please can I have any help?