Angular Kendo Grid Title above Toolbar

[Rahul]

Hello,

 

I would like to add a title to my Angular Kendo Grid above the toolbar. Something like an <h1> but a part of the grid itself.

I have seen some examples online and on the forums where users were adding title to non-Angular grids. But I would like to add it to my Angular grid right above the Toolbar. Also, why is the title not a default option?

 

Here is a dojo sample. Please modify this and show us how to do it.

http://dojo.telerik.com/OFAwu

 

Development details:

OS: Windows 8.1

Kendo UI: 2016.1.226

Browser: Chrome 49, Firefox 45, IE 11

 

Thanks for your time.

 

Thanks,

Rahul

[Rahul]

I was able to show it like this. Is there a cleaner way to do it?

I am new to UI development. :(

 

$(document).ready(function () {
    $(".k-grid-toolbar").prepend("<div class='gridTitle'><h1>Grid Title</h1></div>");
});

 

Updated dojo sample:

http://dojo.telerik.com/OFAwu/3

 

Thanks,

Rahul

 

[Daniel]

Hello,

You can use a toolbar template in order to add a title to the toolbar - updated example.

Regards,
Daniel
Telerik