kendo学习笔记（3）-------kendoGrid中使用双层表头

一，先写出万能实例如下：

<div id="grid"></div>
<script id="alt-template" type="text/x-kendo-template">
    <tr data-uid="#= uid #">
        <td colspan="2">
            <strong>#: name #</strong>
            <strong>#: age #</strong>
        </td>
    </tr>
</script>
<script>
$("#grid").kendoGrid({
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
 columns：[
	{
	tittle:"名字"，
	field:"name",
	},{
	tittle:"年龄"，
	field:"age",
	},{
	tittle:"性别"，
	field:"sex",
	},
]
});
</script>

二，如果年龄下面需要二级目录，修改位置在columns中。

<div id="grid"></div>
<script id="alt-template" type="text/x-kendo-template">
    <tr data-uid="#= uid #">
        <td colspan="2">
            <strong>#: name #</strong>
            <strong>#: age #</strong>
        </td>
    </tr>
</script>
<script>
$("#grid").kendoGrid({
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
 columns：[
	{
	tittle:"名字"，
	field:"name",
	},{
	tittle:"年龄"，
	field:"age",
	},{
	tittle:"性别"，
	field:"sex",
	columns：[
			{
			tittle:"男"，
			field:"man",
			},{
			tittle:"女"，
			field:"woman",
			}
		]
	},
]
});
</script>

三，纯手工码字，书写不易，你懂得.