groupable.sort.dir String (default: asc)

The sort order of the groups according to the group field.

The supported values are:

• "asc" (ascending order)
• "desc" (descending order)

Example - sort the groups in descending order

<div id="grid"></div>

<script>
    $("#grid").kendoGrid({
        dataSource: {
            data: [
                { id: 6, name: "Tea", category: "Beverages" },
                { id: 7, name: "Coffee", category: "Beverages" },
                { id: 1, name: "Salmon", category: "Seafood" },
                { id: 3, name: "Ice cream", category: "Desserts" },
                { id: 2, name: "Mackerel", category: "Seafood" },
                { id: 4, name: "Cake", category: "Desserts" },
                { id: 5, name: "Lemonade", category: "Beverages" }
            ],
            pageSize: 10
        },
        pageable: true,
        groupable: {
            sort: {
                dir: "desc"
            }
        },
        height: 550,
        columns: [
            { field: "id", title: "Id", width: "120px" },
            { field: "name", title: "Name", width: "120px" },
            { field: "category", title: "Category", width: "120px" }
        ]
    });
</script>