如何固定劍道網格的行高

Question

在我的Kendo網格中，我有一列包含html值。 顯示時會增加該網格的高度行。

無論如何，如何確保數據將顯示在單行中。

單擊此處獲取小提琴。

 $("#grid").kendoGrid({ columns: [ { title: "Name", field: "name", encoded: false } ], dataSource: [ { name: "<br>Jane Doe</br><br>Lespie Knope</br><br>Ron Swanson</br>" } ] }); 

 .k-grid tbody tr { width: 50px; } .k-grid td { white-space: nowrap; } 

 <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.318/styles/kendo.common.min.css"> <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.318/styles/kendo.rtl.min.css"> <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.318/styles/kendo.default.min.css"> <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.318/styles/kendo.dataviz.min.css"> <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.318/styles/kendo.dataviz.default.min.css"> <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.318/styles/kendo.mobile.all.min.css"> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://cdn.kendostatic.com/2015.1.318/js/kendo.all.min.js"></script> <div id="grid"></div> 

Answer 1

最終能夠使用模板解決問題。

$("#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>" }
              ]
});

在此處檢查道場。