kendo 隐藏列，隐藏列时样式混乱的问题

最新推荐文章于 2021-01-27 03:53:58 发布

钢ge

最新推荐文章于 2021-01-27 03:53:58 发布

阅读量3.8k

点赞数

分类专栏： kendo-ui 文章标签： kendo

本文链接：https://blog.csdn.net/ganggelove/article/details/53409172

版权

kendo-ui 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.mobile.all.min.css"/>

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.all.min.js"></script>
</head>
<body>

<div id="grid"></div>
<script>
function grid_columnHide(e) {
  console.log(e.column.field); // displays the field of the hidden column
}
$("#grid").kendoGrid({
  columns: [
    { field: "name",width: 80, },
    { field: "age",width: 80, },
    { field: "sex",width: 80, },
     { field: "aaa",width: 80, }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 ,sex:"男" ,aaa:"aaaaaaaaaa"},
    { name: "John Doe", age: 33 ,sex:"男",aaa:"aaaaaaaaaa"}
  ],
  columnMenu: true
});
var grid = $("#grid").data("kendoGrid");
grid.bind("columnHide", grid_columnHide);
</script>
</body>
</html>