如何在Kendo-UI网格中创建单独的列模板

$("#grid").kendoGrid({
    dataSource: {
        // 数据源配置
    },
    columns: [
        { field: "name", title: "姓名" },
        { field: "age", title: "年龄" },
        {
            field: "gender",
            title: "性别",
            template: function(data) {
                if (data.gender === "male") {
                    return "<span class='male'>男</span>";
                } else if (data.gender === "female") {
                    return "<span class='female'>女</span>";
                } else {
                    return "<span class='unknown'>未知</span>";
                }
            }
        }
    ]
});