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>
$("#gridView").kendoGrid({
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
}
});