I'm sure it's simple, but I'm not figuring it out.
I have a column that I'm formatting as currency. However, all of the text is Left justified in that column. It would be a lot easier to read if all the values lined up and where right justified.
What do I do if I want to right justify a column... or center since we're on the topic.
Hi Tony,
you can use some jQuery code similar to this one below, it will do it. At the moment there isn't a way to do this by setting just a column option in the grid configuration, but it's on the list.
$("#grid1").live("iggridrendered", function (event, args) { // right-justify text in the third column args.owner.element.find("tr td:nth-child(3)").css("text-align", "right"); // or "center" });
In the context of MVC, it could be declared like:
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> <script type="text/javascript"> $(document).ready(function () { $("#grid1").live("iggridrendered", function (event, args) { // right-justify text in the third column args.owner.element.find("tr td:nth-child(3)").css("text-align", "right"); }); }); </script> <%= Html.Infragistics().Grid(Model).ID("grid1").Height("250px").Columns(column =>
// rest of the grid definition
Hope it helps,
Angel
one caveat with this: if you sort the grid by any column, the field goes back to left justification. I'm thinking I'll solve this with the row template and styles though.
Thanks again,Tony
if you'd like this to be persisted across paging/sorting/filtering, you can use the "iggriddatarendered" event instead of the "iggridrendered" one. It should work fine.
Hope it helps. Thanks,
I had already added the class to the field in the rowtemplate and defined the CSS.
But these events could come in handy.
Thanks,Tony
How about centering text in the grid headers, is this possible?
Another feature that would be very useful is to let the user resize column widths?
hey,
yes you can easily center-align text, with CSS, like this:
.ui-iggrid-header {
text-align: center !important;
}
That did not work. I think it has problems with the sorting icon being in the same cell. Maybe next version (11.2) will work properly. Is there any timeframe for the release?