Javascript 如何确定剑道网格的行高

在我的剑道网格中，我有一列包含html值。显示时会增加该栅格的高度行

如何确保无论值是什么，数据都显示在单行中

点击小提琴

$（“#网格”）.kendoGrid({
栏目：[
{标题：“名称”，字段：“名称”，编码：false}
],
数据源：[{name:
Jane Doe

Lespie Knope

Ron Swanson
“}]
});
.k-grid t车身tr{
宽度：50px；
}
.k-grid td{
空白：nowrap；
}
最终能够使用模板解决问题

$("#grid").kendoGrid({
  columns: [
    { title: "Item", field: "item", template: "<div style='height: 25px;'>#= item # </div>" }
    , { title: "Name", field: "htmlname", template: "<div style='height: 25px; overflow-y:scroll;'>#= htmlname # </div>" }        
  ],
  dataSource: [ { item: "11MPRICE", htmlname: "Jane Doe<br>Lespie Knope</br><br>Ron Swanson</br>" }
              ]
});

$（“#网格”）.kendoGrid({
栏目：[
{标题：“项目”，字段：“项目”，模板：“#=项目#”}
，{标题：“名称”，字段：“htmlname”，模板：“#=htmlname#”}
],
数据来源：[{item:“11MPRICE”，htmlname:“Jane Doe
Lespie Knope

Ron Swanson
”}
]
});

检查dojo。
您希望如何显示数据？像这样的
无名氏、莱斯比·诺珀、罗恩·斯旺森
？你试过没有休息吗
htmlname：“简·多伊、莱斯比·诺普、罗恩·斯旺森”
我不想更改数据。我只想给用户看第一行，这只是一个例子。在本专栏的真实场景中，我有完整的html代码，比如电子邮件模板。