MVC中WebGrid的粘性頭文件

我正在製作一個使用網格的管理員應用程序，用戶可以查看錶格我從數據庫中拉出並使用WebGrid進行顯示。MVC中WebGrid的粘性頭文件

現在我試圖在webGrid中有一個sticky header。我發現的所有jQuery方法都包括將CSS中的標題「位置」設置爲「固定」。但是，每次執行此操作時，標題中的所有列都相互重疊，例如每列都移動到第一列的頂部。

這是jQuery的功能腳本我打算用：

<SCRIPT> 
$(document).ready(function() { 

    var div = $('#th'); 
    var start = $(div).offset().top; 

    $.event.add(window, "scroll", function() { 
     var p = $(window).scrollTop(); 
     $(div).css('position',((p)>start) ? 'fixed' : 'static'); 
     $(div).css('top',((p)>start) ? '0px' : ''); 
    }); 

}); 
</SCRIPT>

，這裏是網格的CSS，雖然我沒有用它做了很多工作：

<style> 
    table 
    { 
     text-align: center;   
    } 

    th 
    { 
     background-color: lightgreen; 
    } 
</style>

首先，我正在使用正確的方法來完成這項任務嗎？另外，我該如何解決頭部問題？

來源

2013-10-08 Peyman Tahmasebipour

我已經放棄了這種做法。我只是接受我必須有兩個表 - 一個用於標題，一個用於內容。在兩個網格的PreRender事件中，我將列設置爲百分比寬度，並且它們完美地排列。

來源

2013-10-09 11:33:54

MVC中WebGrid的粘性頭文件

回答

相關問題