When I add the "GridRowSelectors" feature with the "EnableCheckBoxes" property set to true, I get little triangles in each of my checkbox cells which don't do anything other than make my column height twice it's normal size. Nothing happens if you click the triangles.
Not sure if these render because my datasource is not "flat", but I don't want them regardless. How do I tell the grid not to render these little triangles?
Hi Josh,Well, the triangle is a standard part of the RowSelectors feature - just take a look at our other controls' samples on it:http://samples.infragistics.com/aspnet/Samples/WebDataGrid/EditingAndSelection/RowSelectors/Default.aspx?cn=data-grid&sid=b4f1a865-47eb-4359-82d1-1bc5ac2a249e http://samples.infragistics.com/sllob/grid/sl/#/row-selectors-and-numbering I'm surprised that these tiny triangles are giving you a headache ... can you please give us a simple HTML page where the problem is reproducible?What I recommend off the bat is to hide those triangles. For example if you are on http://samples.infragistics.com/jquery/grid/row-selectors-with-checkboxes you can execute the following jQuery script:
$("#grid1 span.ui-icon.ui-icon-triangle-1-e").hide()
In a regular scenario, you should execute this script in the igGrid's dataRendered event handler.Cheers!Borislav
Thanks Borislav. The issue is that the triangles are shown on every row, not only the selected ones. More importantly, they cause the checkbox to appear on a "new line", because they're too wide together to fit in a cell. This causes my rows to be twice as tall as they need to be.
Check it out:
.
I could hide them with css or js on load, but it would be great if they were just hidden to begin with, and didn't cause the checkbox to "move down".