Initial group when binding to a table

[Richard Wilde]

Is it possible to set an initial group when binding to an existing HTML table? I have tried setting the group field in the datasource.

<asp:Repeater runat="server" ID="repList" EnableViewState="False">

    <HeaderTemplate><table id="grid">

    <thead>

    <tr>

        <th data-field="ShortName">Short Name</th>

        <th data-field="Site">Site</th>

    </tr>

    </thead>

    <tbody>

    </HeaderTemplate>

    <ItemTemplate>

        <tr>

            <td><%#Eval("ShortName")%></td>

            <td><%#Eval("tblSite.Site")%></td>

        </tr>

    </ItemTemplate>

    <FooterTemplate></tbody></table></FooterTemplate>

</asp:Repeater>

 

 

<script type="text/javascript">

    $(function () {

        $('#grid').kendoGrid({

            datasource : { group: {field: "Site"}},

            groupable: true,

            scrollable: true,

            sortable: true,

            pageable: true,

            filterable: true

        });

    });

</script>

[Vladimir Iliev]

Hi Richard,

Thank you for contacting us.

I have tested grouping when binding to an existing HTML table, and on our side everything is working as expected. Please check this working JsFddle example. If you still have problems, it will be very helpful for us if you can reproduce your issue and send the updated fiddle back to us.

Kind regards,
Vladimir Iliev
the Telerik team

[Richard Wilde]

Thanks, not sure why it didn't work for me first time! Fine now, thanks again for your help.