kendo ui grid hide column header

kendo ui grid hide column header

In the below kendo ui grid view the hidden column parameter is used hide the column headers display by default but if you want to see the column go to column check the check-box.

The code sample as given below.

<div id="gridViewHide"></div>


$("#gridViewHide").kendoGrid({
    pageable: true,
    scrollable: true,
    resizable: true,
    sortable: true,
    columnMenu: true,
    dataBound: function (e) {
    },
    columns: [
        { field: "ToCommitedService", title: "To Committed Services", width: 60, hidden: true },
        { field: "GroupCommitedService", title: "Group Committed Services", width: 60, hidden: true }
    ],
    dataSource: {
        type: "json",
        transport: {
            read: "http://localhost:37745/Contract/Api/Pricing/GetByCTID/" + session().PricingID
        },
        pageSize: 10
    }
});


ANIL SINGH

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 - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Buy Books Online at Best Prices

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.