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

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..
My Blogs - https://code-sample.com and https://code-sample.xyz
My Book1 - BEST SELLING ANGULAR BOOK (INCLUDING ALL VERSIONS 2, 4, 5, 6, 7)
My Book2 - ANGULAR 2 INTERVIEW QUESTIONS BOOK - Both Books are Available on WorldWide.

www.code-sample.com/. Powered by Blogger.