Как удалить префикс группового столбца из группировки dx-data-grid? ⇐ Jquery

[Гость]

Я использую dx-data-grid с Jquery и пытаюсь удалить префикс группировки с панели группировки, но кажется, что это невозможно.
Как вы можете видеть на рисунке — префикс — это имя столбца, теперь я могу удалить его, установив в заголовке пустую строку, но тогда я все еще остаюсь со знаком двоеточия, очевидно, я просто хочу отобразить имя состояния.
Вот что я хочу удалить:

[img]https:// i.stack.imgur.com/RJdJf.png[/img]


Вот с заголовком, установленным в пустую строку:



Вот фрагмент кода который создает сетку:

Код: Выделить всё

$(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

Подробнее здесь: https://stackoverflow.com/questions/604 ... d-grouping