如何改變劍道UI電網的高度

Question

如何更改劍道電網的高度使用包裝時？

Answer 1

我假定你正在尋找的方法是滾動配置下（這是因爲有一個電網需求要滾動，如果你希望它有高度）

.Scrollable(scr=>scr.Height(230)) 

Answer 2

HtmlAttributes()將讓你添加屬性保存工具欄，尋呼臺的<div>等

TableHtmlAttributes()會讓你只需添加屬性只是<table>元素

〔實施例設置表到750px一個樣式屬性：

@Html.Kendo().Grid(Model) 
       .Name("Grid") 
       .TableHtmlAttributes(new {style="height: 750px;"}) 

Answer 3

您也可以使用外部的CSS規則這一點，這可能是最好，如果您的網格被重複使用（如在局部視圖）。如果提供一個樣式或高度的屬性，劍道增加那些行，因此它們不能被外部樣式表被重寫。有時候你想要那個，但有時你不需要。

使用提供給包裝的.Name()字符串，很容易編寫一個css規則來定位標題或內容。

#GridName .k-grid-content { 
    height: 300px; /* internal bit with the scrollbar */ 
} 

#GridName .k-grid-header-wrap tr { 
    height: 75px; /* header bar */ 
} 

請注意，.k-grid-header-wrap類可能會有所不同，具體取決於您如何初始化網格。此外，你必須瞄準頭內tr或th標籤。造型整個標題（通常是一個div標籤）會導致不一致的結果。一些瀏覽器將不適用的規則，一些瀏覽器會留下明顯的非自然實際TR的邊界/日開始。

哦，我也應該說，這種方法允許在MVC包裝器創建的網格和常規的js創建的網格之間進行切換時具有靈活性。或者你可以在不同的網格之間重複使用樣式表。

Answer 4

要改變高度動態

刪除htmlattributes：

.HtmlAttributes(new { style = "height:600px;" })

，支持自動添加滾動：

.Scrollable(a => a.Height("auto"))

Answer 5

在強類型的人使用剛性固定高度

.Scrollable(scrollable => scrollable.Height(100)) 

JS中數據源的聲明中使用

$("#Grid").kendoGrid({ 

      dataSource: { }, 

      height: 450, 

      pageable: { 
       refresh: true, 
       pageSizes: true 
      }, 

      columns: 
       [ 
        *** 
       ] 
     }); 

後，您還可以綁定你的最小和最大高度網格所有你必須通過CSS的girds。

.k-grid .k-grid-content { 
min-height: 100px; 
max-height: 400px; 
} 

或者你可以指定一個特定的網格，更換.K-電網與電網特定ID #YourGridName。希望這可以幫助。