行

Grid使您能够通过使用id数据项的，添加自定义行，使用行模板,禁用悬停效果．

通过模型Id获取行

通过数据项的ID在Grid中获取一个表行:

1. 确保Id字段在模型配置中定义的数据源。
2. 连续检索行模型、模型UID和Grid表行。

var grid = $("#grid").data("kendoGrid");//获取Grid实例。var dataItem = grid.dataSource.get(10249);// dataSource的get()方法只在model id被设置时起作用。var tableRow = $("[data-uid='" + dataItem. varUid + "']");//通过唯一的data-uid属性获取行这个UID由Grid自动呈现。

添加自定义行

当DataSource没有返回任何数据(例如，由于过滤的结果)时，您可以手动添加带有用户友好消息的表行。有关更多信息，请参阅行模板．

类中添加表行数据绑定()事件处理程序。

@(Html.Kendo(). grid () . name ("grid") . filterable() /*其他配置。*/ .Events(e=>e. databound ("onGridDataBound")))

函数onGridDataBound(e) {if (!e.sender. datasource .view().length) {var colspan = e.sender. head.find("th:visible")。length, emptyRow = '…No records…';e.sender.tbody.parent () .width (e.sender.thead.width())指标()最终. html (emptyRow);}}

使用行模板

有关更多信息，请参阅行模板．

禁用悬停效果

Hover是一种UI状态，当Grid处于编辑模式时，它可以跨长表行提供更好的可视化。但是，如果您的项目要求您避免徘徊声明，使用以下方法之一:

• 打开Kendo UI主题CSS文件(例如，kendo.default.min.css)，并删除以下CSS规则。

  .k-grid tr:hover{/*…这里的背景样式…* /}

• 覆盖徘徊使用下面示例中的CSS代码进行样式化。的# f1f1f1属性的背景颜色.k-alt表行。要找到您正在应用的Kendo UI主题的正确值，请使用浏览器的DOM检查器。或者，设置你喜欢的背景颜色值。

  .k-grid tr:not(.k-selected):hover {background: none;颜色:继承;} .k-grid tr.k-alt:not(.k-selected):hover {background: #f1f1f1;｝

另请参阅

• 在网格HtmlHelper中使用行模板。NET Core (Demo)
• 网格HtmlHelper中的行模板。网络核心
• 服务器端API