kendo ui grid column header tooltip

kendo ui grid column header tooltip

In the below grid view the header Template column parameter is used show the tooltip on column headers. The code sample as given below.

<div id="gridView"></div>

    pageable: true,
    scrollable: true,
    resizable: true,
    sortable: true,
    columnMenu: true,
    dataBound: function (e) {
    columns: [
        { field: "MonthlyCharge", title: "Monthly Charge ($)", width: 200, headerTemplate: '<span title="Monthly Charges">MonthlyCharge</span>' },
        { field: "CommitedService", title: "Commited Service", width: 200, headerTemplate: '<span title="Commited Service">CommitedService</span>' }
    dataSource: {
        type: "json",
        transport: {
            read: "http://localhost:37745/Contract/Api/Pricing/GetByCTID/" + session().PricingID
        pageSize: 10



Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - and
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like Powered by Blogger.
ASK Questions