Kendo Grid單按網格列菜單顯示/隱藏網格列

Question

而不是在我的網格中的每個列上顯示一個列菜單，我想要一個單獨的菜單頂部的網格，我可以控制顯示/隱藏列&列凍結/解凍。

查看參考圖片以獲得一個想法。

Answer 1

劍道UI框架有kendoColumnMenu部件。 假設 '網格' 是一個網格元素，我們有： HTML（FA -...是字體真棒樣式）：

<a class="btn btn-icon grid-column-menu fa fa-columns" href="#" title="Manage columns."></a> 

JS：

var $gridColumnMenuButton = $(".grid-column-menu").kendoColumnMenu({ 
    filterable: false, 
    sortable: false, 
    dataSource: grid.data("kendoGrid").dataSource, 
    columns: true, 
    owner: grid.data("kendoGrid"), 
}); 

$gridColumnMenuButton.on("click", function(e) { 
    $(this).find(".k-header-column-menu").click(); 

    return false; 
}); 

CSS：

.grid-column-menu .k-header-column-menu { 
height: 35px; 
visibility: hidden; 
position: absolute; 
left: 0; } 

這將允許您隱藏/取消隱藏列。