The Grid enables you to handle the appearance of its rows by using the id of the data item, adding custom rows, and utilizing row templates.

Model IDs

To get a table row in the Grid by the ID of the data item:

  1. Make sure the ID field is defined in the model configuration of the Grid dataSource.
  2. Retrieve the row model, the model UID, and the Grid table row consecutively:
var rowModel = gridObject.dataSource.get(10249); // get method of the Kendo UI dataSource object
var modelUID = rowModel.get("uid"); // get method of the Kendo UI Model object
var tableRow = $("[data-uid='" + modelUID + "']"); // the data-uid attribute is applied to the desired table row element. This UID is rendered by the Grid automatically.

Custom Rows When No Records Are Loaded

You can manually add a table row with a user-friendly message when the dataSource does not return any data, for example, as a result of filtering.

The following example demonstrates how to add a table row in the dataBound event handler of the Grid.

function onGridDataBound(e) {
    if (!e.sender.dataSource.view().length) {
        var colspan = e.sender.thead.find("th:visible").length,
            emptyRow = '<tr><td colspan="' + colspan + '">... no records ...</td></tr>';

Row Templates

For more information on using row templates, refer to the walkthrough article.

See Also

In this article
Not finding the help you need? Improve this article