columnShow

    Fired when the user shows a column.

    The event handler function context (available via the this keyword) will be set to the widget instance.

    Event Data

    e.column Object

    A JavaScript object which represents the column configuration.

    e.sender kendo.ui.Grid

    The widget instance which fired the event.

    Example - subscribe to the "columnShow" event during initialization

    Open In Dojo
    <div id="grid"></div>
    <script>
    $("#grid").kendoGrid({
      columns: [
        { field: "name" },
        { field: "age" }
      ],
      dataSource: [
        { name: "Jane Doe", age: 30 },
        { name: "John Doe", age: 33 }
      ],
      columnMenu: true,
      columnShow: function(e) {
    /* The result can be observed in the DevTools(F12) console of the browser. */
        console.log(e.column.field); // displays the field of the hidden column
      }
    });
    </script>

    Example - subscribe to the "columnShow" event after initialization

    Open In Dojo
    <div id="grid"></div>
    <script>
    function grid_columnShow(e) {
    /* The result can be observed in the DevTools(F12) console of the browser. */
      console.log(e.column.field); // displays the field of the hidden column
    }
    $("#grid").kendoGrid({
      columns: [
        { field: "name" },
        { field: "age" }
      ],
      dataSource: [
        { name: "Jane Doe", age: 30 },
        { name: "John Doe", age: 33 }
      ],
      columnMenu: true
    });
    var grid = $("#grid").data("kendoGrid");
    grid.bind("columnShow", grid_columnShow);
    </script>
    In this article