如何从dx-data-grid分组中删除Group列前缀？

Question

我正在使用dx-data-grid和Jquery，并试图从分组面板中删除分组前缀，但这似乎是不可能的。正如你在图片中看到的-前缀是列名，现在，我可以通过将标题设置为空字符串来删除它，但我仍然保留冒号，显然我只想显示州名称。

下面是我想要删除的内容：

​

​

下面是标题设置为空字符串的情况：

​

下面是创建网格的一段代码：

$(function(){
var dataGrid = $("#gridContainer").dxDataGrid({
    dataSource: customers,
    allowColumnReordering: true,
    showBorders: true,
    grouping: {
        autoExpandAll: true,
    },
    searchPanel: {
        visible: true
    },
    paging: {
        pageSize: 10
    },  
    groupPanel: {
        visible: true
    },
    columns: [
        "CompanyName",
        "Phone",
        "Fax",
        "City",
        {
            dataField: "State",
            groupIndex: 0
        }
    ]
}).dxDataGrid("instance");

$("#autoExpand").dxCheckBox({
    value: true,
    text: "Expand All Groups",
    onValueChanged: function(data) {
        dataGrid.option("grouping.autoExpandAll", data.value);
    }
});
});

Codepen

Answer 1

您需要使用"groupCellTemplate“。

这是我的angular 8代码：

<dx-data-grid [dataSource]="Items">
  <!-- Before columns -->
  <dxi-column dataField="value" [groupIndex]="0"
              groupCellTemplate="groupCellTemplate">

    <div *dxTemplate="let data of 'groupCellTemplate'">
      <span>{{data.displayValue}}</span>
    </div>
  </dxi-column>
  <!-- After columns -->
</dx-data-grid>