連接劍道網格列

Question

我想要做的是在劍道網格的單列中連接或合並兩列。

我嘗試這樣做，但到目前為止還沒有成功，也搜索過它，但仍然不知道該怎么做？？

我想將兩列或三列連接成單個例如

First Name

Middle Name

Last Name

所有都應顯示在單個

Full Name

這是我的一些kendogrid代碼。

$("#EmployeeGrid").kendoGrid({
        dataSource:{
            transport: {
                read: "<?php echo base_url() ?>index.php/hr_management/manage_hr/list_view"
            },
            schema:{
                data: "data"
            }
        },

        columns: [
            {
                field: "EmployeeID",
                hidden:true
            },
            {
                field:"LastName"
            },
            { field: "LastName"+"FirstName",
                title:"Full Name"
            },
            {
                field:"City",
                title:"City"
            },
            {
                field:"AddressLine1",
                title:"Address 1"
            },

            {
                field:"WorkPhone",
                title:"WorkPhone"
            },
            {
                field:"MobileNo",
                title:"Mobile No"
            },
            {command: { text: "View", click: showDetails }, title: " ", width: "140px"},
            {command: { text: "Edit", click: EditUserDetails }, title: " ", width: "140px"}
        ]
    });
});

Answer 1

答案是使用模板列：

template:"#= FirstName # #= MidName # #= LastName #"

Answer 2

另一個適用於 Angular 8 的示例：

<kendo-grid-column field="LastName" title="Last, First">
      <ng-template kendoGridCellTemplate let-dataItem>
       {{ dataItem.LastName}}, {{ dataItem.FirstName }}
    </ng-template>
</kendo-grid-column>
<kendo-grid-column field="MiddleName" title="Middle"></kendo-grid-column>