webgrid，asp.net的固定標題mvc3 razor

我在我的項目中有一個面板，其中有一個webgrid。有一個面板最大化的功能，所以我已經給了webgrid的寬度和高度爲100％，因爲它的寬度和高度有所不同。我在webgrid中顯示20行，滾動顯示正常...現在我的要求是我的標題應該是固定的，用戶可以滾動內容..我提到了各種博客。在一些博客中，我們必須給出「th」和「td」元素的固定寬度，但在我的場景中不可能（因爲我已經給出了％的寬度）。例如webgrid，asp.net的固定標題mvc3 razor

grid.Column("EquipmentManfacturer", header: "Warranty Provider", style: "column5"), 

<style type="text/css"> 

.column5 
{ 
    width: 25%; 
} 

</style>

而且在他們曾經給給CSS樣式「TH」元素作爲一些其他博客「顯示：塊」但是，這並沒有解決我的問題。任何人都可以幫我找到一個解決方案..

來源

2012-03-27 Swetha Bindu

只需要使表頭的固定位置，限制表的高度和設置溢出「滾動」。爲此，請將以下CSS添加到您的頁面：

table { display: inline-block; height: 200px; overflow-y: scroll; } 
thead { position: fixed; margin-top: -30px; }

需要稍微調整一下佈局才行。

來源

2012-04-17 06:14:02 McGarnagle

謝謝您的回覆。我的小隊是固定的，但是theade元素的coulmns的寬度是不同的。th元素不與tbody中的正確td元素相交... – 2012-04-19 09:36:57

@dbaseman，我只是提到了你的答案。它可以工作，但是當我滾動頁面時，雖然我沒有查看錶格，但是頁面是固定的，即它固定在整個頁面上。你能幫我解釋爲什麼會這樣嗎？ – Dhwani 2013-02-11 05:27:09

@djIT我認爲你應該開一個新的問題？如果不知道更多的上下文，很難說。 – McGarnagle 2013-02-11 14:43:54

webgrid，asp.net的固定標題mvc3 razor

回答

相關問題