[Solved] Vertically aligning data in a cell

[Brendan Vogt]

Hi,

I'm using the grid to display my data.  Sometimes another column in the row would have alot of data, then the data in the other columns are vertically centered.  I tried adding an HTML attribute to the column as such:

columns.Bound(m => m.ApplicationID).Width("6%").Title("ID").HtmlAttributes(new { valign = "top" });

In the view source it looks like this:

<td valign="top">1</td>

After adding this attribute it still does not display correct.  It is still vertically centered.  How can I fix this so that my data is at the top of the cell?

Is it also possible to put this in my stylesheet?

Thanks.
Brendan

[Alex Gyoshev]

Hello Brendan,

You can adjust the vertical align using the following rule:

div.t-grid td {

    vertical-align: top;

}

And yes, it is recommended that you place such styles in the stylesheet.

Kind regards,
Alex Gyoshev
the Telerik team

[Brendan Vogt]

Thank you.