剑道网格对齐列相同的顶部偏移

Question

I have a problem and I cannot find solution to it.

I have KendoUI Grid which has different row height - like in this example http://jsfiddle.net/Sbb5Z/2/

I tried with special class in column but nothing helps

{
    attributes: {
    "class": "paddingTopZero"
  },
}

where 3rd row is bigger than other (2 rows in 4th column).

I would like to achive, that data in this row would have all same top offset - so 1., 2., 3. 5. and 6th column in this row wouldn't be positioned in the middle of the row but on the same line ans 4th row - same top padding.

Is there and way to achive that? I really wound't like to correct this paddings manually - I'm sure grid has this options but I just cannot find it.

Tnx for and idea with this

Answer 1

Use CSSvertical-align property:

vertical-align: top

You can use as you tried, declaring it in a class and define in column's attribute property. Or you can set it as global to any grid you have with:

.k-grid tbody tr td 
{
    vertical-align: top
}

Fiddle