Question

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

             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条记录（已修复）。

Answer 1

尝试使用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>

Demo

Kendo网格列标题

1 个答案: