如何在 Kendo UI 网格中获得行号 [英] How Can I Have Row Number In Kendo UI Grid

问题描述

我在 asp.net mvc 中有剑道网格，我使用服务器包装器.我想要名为行号"的附加列，它是简单的计数器(1,2,3，...).我希望这个计数器永远不会因客户排序而改变.总是第一行是 1 第二行是 2 ，...在列RowNumber"

I have kendo grid in asp.net mvc and i use server wrapper.I want Additional column named "Row Number" that is simple counter (1,2,3,...). I want this counter never change by client sorting. Always first row be 1 second row be 2 ,... in column "RowNumber"

我怎样才能在剑道网格中做到这一点?

how can I do this in kendo grid ?

推荐答案

您可以使用 dataBound 事件:

$("#grid").kendoGrid({
    sortable: true,
    dataSource: [{
        name: "Jane Doe",
        age: 30
    }, {
        name: "John Doe",
        age: 33
    }],
    columns: [{
        field: "name"
    }, {
        field: "age"
    }, {
        field: "rowNumber",
        title: "Row number",
        template: "<span class='row-number'></span>"
    }],
    dataBound: function () {
        var rows = this.items();
        $(rows).each(function () {
            var index = $(this).index() + 1;
            var rowLabel = $(this).find(".row-number");
            $(rowLabel).html(index);
        });
    }
});

(演示)

这篇关于如何在 Kendo UI 网格中获得行号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！