在特定列加载html表

时间:2014-03-10 14:38:29

标签: html css html-table anchor

我正在尝试在页面加载时将我的html表加载到特定列,我甚至不知道从哪里开始。

我已将其上传到此处以观看演示:http://jsfiddle.net/3EFqD/

我在我的身体标签上试过这个:

onload=' location.href="#right_column" '

并将id='right_column'添加到正确的td但不起作用

尝试将其加载到标有“this one”

的单元格上

3 个答案:

答案 0 :(得分:1)

这是一个包含标题宽度的小提琴:Fiddle 同样,一个jquery解决方案,基本上与上面相同,但需要减去标题宽度以达到正确的位置。查看添加id的位置的小提琴

 $(document).ready(function(){
    var hw = $('#headerWidth').width();
    var f = $('#scrollToMe').position().left - hw;
    $('.inner').scrollLeft(f);
})

答案 1 :(得分:0)

如果我认为您希望在页面加载时滚动到特定列,则最简单的方法是使用库,例如jQuery的:

$('.inner').stop().animate({
    scrollLeft: $('#right_column').offset().left
}, 1000);

Demo Fiddle

你试图让它以类似于使用锚点的方式工作 - 但这对于水平对齐的内容是不可能的。

答案 2 :(得分:0)

如果你想在上面提到的td(这个)中加载一些html代码(比如表),可能就像你提到的那样将id = right_column添加到这个td然后使用下面的jquery逻辑 -

var newtable = '<table class="newtable">New table, this may be from ajax call also</table>'
$('#right_column').html(newtable);