Custom text on template above column headers?

[Steven]

I have a custom hidden div that appears when the user selects grid content. It sums the selected cells in the amount column and then binds it to this text. The text currently appears under my grid externally. I was actually wonder if there is a way to display that in the header above the column headers kind of like how the Export to Excel button is?

[Alex Hajigeorgieva]

Hi, Steven,

Thank you for trying out the jQuery Kendo UI Grid.

The grid features a toolbar.template that can be used.  I believe the easiest approach is to use the jQuery text() method and update the element when the grid change event is triggered:

https://dojo.telerik.com/@bubblemaster/EpoYolOR/2

Also, if you want to preserve the functionality of the grid Excel Export button, just add a button to the template with the "k-grid-export" class. The built-in click handler and export will be triggered out of the box:

<script id="template" type="text/x-kendo-template">
 <a class="k-button k-grid-excel" href="\#"><span class="k-icon k-i-excel"></span> Export To Excel</a>
 <div id="selection"></div>
</script>

Let me know in case you have further questions.

Kind Regards,
Alex Hajigeorgieva
Progress Telerik