0

我正在使用 Web 网格制作一个管理应用程序，用户可以在其中查看我从数据库中提取并使用 WebGrid 显示的表。

现在我正试图在 webGrid中有一个粘性标题。我发现的 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>

首先，我使用的方法是完成这项任务的正确方法吗？另外，如何解决标题的问题？

4

1 回答 1

0

我已经放弃了这种方法。我只是接受我必须有两张表 - 一张用于标题，一张用于内容。在两个网格的 PreRender 事件中，我将列设置为百分比宽度，它们完美对齐。

于 2013-10-09T11:33:54.040 回答