Как отформатировать шаблон для Telerik Kendo ComboBox?

Question

У меня есть Telerik ComboBox и мне не удается отформатировать template и DataTextField так, как мне нужно.

В настоящее время ComboBox показывает элементы рядом:

ItemGroup ItemName

Мне нужно отформатировать его так, чтобы элемент 1 находился слева от ComboBox, а элемент 2 - справа:

ItemGroup                                     ItemName

DataTextField(ItemGroup) показывает только имя группы элементовкогда выбрано.

Я хочу показать ItemGroup ItemName

По сути, я хочу, чтобы DataTextField показывал ту же пару ItemGroup / ItemName, что и в ее Template

Это код ComboBox:

@(Html.Kendo().ComboBox()
        .Name("MyData")
        .DataTextField("ItemGroups")
        .HtmlAttributes(new { style="width: 100%;"})
        .DataSource(source =>
        {
            source.Read(read =>
            {
                read.Action("GetData", "ItemsReport", new { reportId = Model.ReportID, amount = Model.Amount });
            });
        })
        .HeaderTemplate("<div class=\"dropdown-header k-widget k-header\">" +
                    "<span>Group Name</span>" +
                    "<span>Item Name</span>" +
                    "</div>"
        )
        .Template("<span class=\"k-state-default\"><h3>#: data.ItemGroup # #: data.ItemName #</h3></span>"

        )
)