剑道网格列标题答案

【问题标题】：Kendo grid column header剑道网格列标题
【发布时间】：2016-02-17 17:29:47
【问题描述】：

我正在使用 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 条记录（固定）。

【问题讨论】：

恐怕我以前从来没有见过这样的事情，你有没有这种行为的演示？
我没有在数据网格上看到任何具有这种行为的演示。我试图让它看起来像一个电子表格。 Kendo UI 有一个电子表格小部件，但它有很多我不需要的东西，我找不到删除的方法。所以我认为最好在数据网格中进行。

标签： javascript kendo-ui grid

【解决方案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

【讨论】：

非常好！谢谢！
一个问题：您使用静态数据源执行此操作。如何使用动态数据源做到这一点？标头（固定）是否应该来自我的服务？这不是一个可行的方法，因为如果我只想显示我的网格，我将不得不从服务器请求。
@lpfx 你可以从你的服务器返回它，或者用javascript操作，like this。