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 Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

kendo ui grid hide column header kendo ui grid hide column header Reviewed by Anil Singh on 2:21 AM Rating: (5)
www.code-sample.com/. Powered by Blogger.
^