剑道网格列标题

Kendo grid column header

本文关键字：标题 网格      更新时间：2023-09-26

我正在使用剑道UI网格，我想知道是否可以同时拥有列标题和行标题，如下所示：

             colHeader1   colHeader2   colHeader3
rowHeader1
rowHeader2
rowHeader3

我的网格：

$("#dataGrid").kendoGrid({
    editable: true,
    columns: [
        { field: "name", title: "Name" },
        { field: "age", title: "Age" }
    ],
    dataSource: _dataSource()
});
var _dataSource = function () {
    return new kendo.data.DataSource({
        transport: {
            read: {
                type: "GET",
                crossDomain: true,
                url: url + "person",
                dataType: "json"
            }
        },
        schema: {
            data: "data",
            total: "total"
        }
    });
};

我的网格数据源将始终有 30 条记录（固定）。

尝试使用 rowTemplate ：

rowTemplate: kendo.template($("#template").html())

模板是：

<script id="template" type="text/x-kendo-template">
    <tr data-uid="#= uid #">
        <td class='k-header'>#: fixed #</td>
        <td>#: name #</td>
        <td>#: age #</td>
    </tr>
</script>

演示

相关文章：