我正在使用这个jQuery插件 http://www.tablefixedheader.com/,它可以创建一个带有固定标题、排序和其他很酷的功能的漂亮表格。现在,我也看了一下jqGrid,它看起来非常棒,但是由于我们的数据源有些奇怪,我认为它还没有准备好与jqGrid很好地协作。
无论如何,我的老板们想要我创建的表格的第一列固定,这样他们就可以在x轴上滚动,但仍然可以看到第一列。我该如何修改这个插件来提供这个功能呢?
非常感谢任何帮助。
谢谢。
编辑:
我尝试添加:
th:first-child
{
position : relative;
}
td:first-child
{
position : relative;
}
除了"fixed",但它似乎比这个简单的解决方案更加复杂...
这样做确实有影响,只是不那么令人愉悦。进行此更改会使其保持在左侧静态,但我无法向下滚动,并且th似乎并不起作用。
编辑2:
我已经开始实施下面给出的解决方案,尽管我并不完全自信能够调整此插件。无论如何,以下是 tinkering 的当前状态:
随着我的继续更新...
我得到了一个错误,说this.offset.top为空或不是对象...blah,
这段代码放在document.ready里:
var currentTop = 0;
var currentLeft = 0;
var currentWidth = 0;
var currentHeight = 0;
var currentContent = "";
var currentDiv = "";
var currentID = "";
$('td:first-child').each(function (index) {
currentTop = $(this).offset.top;
currentLeft = $(this).offset.left;
currentWidth = $(this).width;
currentHeight = $(this).height;
currentContent = $(this).html();
currentID = "fixed_column_cell" + index;
currentDiv = "<div class=\"fixed_column_cells\" id=\"" + currentID + "\">" + currentContent + "</div>";
$('body').append(currentDiv);
$('#' + currentID).offset({ top: currentTop, left: currentLeft });
$('#' + currentID).width(currentWidth);
$('#' + currentID).width(currentHeight);
});
$('fixed_column_cells').css('position', 'fixed');
目前陷入困境