Kendo ui 剑道格网

例如，我有以下代码：

        $("#grid").kendoGrid({
            dataSource: {
                data: students,
                pageable: false
            },
            scrollable: true
            sortable: true,
            selectable: true,
            columns: [
                { field: "Name", title: "Name", width: 230},
                { field: "Sex", title: "Sex", width: 50 },
                { field: "Ca", title: "C.A." , width: 55 },
                { field: "TotolScore", title: "Totol Score", width: 100 },
                { field: "Rank", title: "Rank", width: 60 }
            ]
        });

---

上面的代码允许我对列进行排序。但我需要为“排名”专栏做额外的特别报道。我想要的是，当我单击列“Rank”时，它将根据“TotalScore”值进行排序

可能吗

谢谢

是的，这是可能的

当列可排序时，您可以定义一个

compare

函数，而不必对同一列进行比较

示例：将

Rank

列定义替换为以下内容

    { 
        field: "Rank", 
        title: "Rank",
        width: 60,
        sortable : {
            compare : function (a, b) {
                return a.TotolScore - b.TotolScore;
            }
        }
    }

在这里，我定义了一个列，它将显示

Rank

的值，但我定义了自己的

compare

函数，该函数实际处理

TotalScore

值

您可以查看文档以了解更多信息

并在此处查看一个运行示例：