Jquery 如何从dx数据网格分组中删除组列前缀？

我正在使用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);
    }
});
});

您需要使用“groupCellTemplate”

这是我的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>

{{data.displayValue}