Always Display Group Message

[kirelet]

I am using the grouping function of the Grid.  I would like to display the "Drag a column header and drop it here to group by that column" message always, not just when there is no grouping, because I have one column that is grouped by default when the page loads, and the user still needs to know how it works.  Is there a way to have this message displayed always?

[Dimiter Madjarov]

Hello A J,

There is no built in way to achieve this, but it could be done manually. For example you could bind to the dataBound event of the Grid, check if there are any groups and prepend the text to the grouping header.
E.g.

.Events(e => e.DataBound("dataBound"))

function dataBound() {
    var that = this;

    setTimeout(function () {
        if (that.dataSource.group().length > 0) {
            that.wrapper.find(".k-grouping-header").prepend("Drag a column header and drop it here to group by that column");
        }
    });
}

I wish you a great day!

Regards,
Dimiter Madjarov
Telerik