GroupHeaderTplString pushes gridview display over

I'm updating a review page to 2.0 and I've switched from GroupingView to Grouping (breaking change #23) and it works and displays fine, except for the GroupHeaderTplString functionality. My table displays perfectly without it but when I add it in the data in the table gets pushed off the screen with two dark lines representing the groups. Is there a bug with the GroupHeaderTplString?

Here is my code:

<Features>
<ext:Grouping
EnableGroupingMenu="true"
EnableNoGroups="true"
ID="GroupingView1"
runat="server"
HideGroupedHeader="true"
StartCollapsed="false"
GroupHeaderTplString='<span id="{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Submissions" : "Submission"]})'
/>
</Features>

Here's what I see (data is offscreen in this shot but when I remove the GroupHeaderTplString attribute it displays perfectly):

Attachment 4550

Please see the following sample, it works correctly
https://examples2.ext.net/#/GridPane...eous/Grouping/

- i don't see closing tag for span element
- need use 'values.rows.length' instead 'values.rs.length'

Thanks for the quick help - making those changes fixed it!

However I do have an additional question - in 1.X versions the GroupingView would also show the value of the grouped field in the header of the grouped section. It seems like in 2.0 the Grouping only shows the count (eg. "(4 Submissions)") - is there a way to show the grouped field value in 2.0? For example, if we were grouping by "Status" it might show "Pending (4 Submissions)").

Use {name}

You're the man Vladimir!