2013-12-18 26 views
4

我放弃了在试图让我以前的尝试上滚动表固定头正常工作表工作,我使出这个插件: http://mkoryak.github.io/floatThead/无法获取的jQuery floatThead到嵌入在标签层

我们的网站我的工作界面以两种方式显示此特定视图的表格 - 带有制表符或仅显示表格。

这里与标签结构:

<div class="tab-content"> 
    <div class="tab-pane active" id="tab1"> 
    ... a couple stuff 
    <table id='resizable118' cellpadding='5' cellspacing='0' border='0' Width='75%' leftmargin='50' > 
     ... stuff in the table every row has font size of 3 but that's it 
    </table> 
    </div> 
</div> 

这里是没有标签的结构:

<table id='resizable118' cellpadding='5' cellspacing='0' border='0' Width='75%' leftmargin='50' > 
    ... stuff in the table every row has font size of 3 but that's it 
</table> 

正如你所看到的,表生成正是为了通过相同的方式。唯一的区别是两个<div>元素封闭了标签视图的表格。

该插件指示将表格封装成类似div元素的东西。当我使用div元素包装表格时,如果不使用制表符,然后激活插件,则一切都会变好。

问题:无论我是使用新的div元素换行还是使用现有的<div>元素之一,表格都会打破。

表头和身体水平地被挤压,然后没有任何列将排列起来。当我销毁插件使用时,一切都恢复正常。

有没有人看过这与jQuery的floatThead?我能做些什么来解决标签式表格视图的问题?

+1

我是该插件的作者。如果你能告诉我一个复制这个问题的jsfiddle,我可以帮助你。很难确切地说出问题 – mkoryak

+0

究竟是怎么回事这很好 - 我在几周之前就设法解决了这个问题。 – Joe

+0

@mkoryak当你在这里有任何方式使它与tfoot一起工作吗? –

回答

3

从文档(http://mkoryak.github.io/floatThead/)有一个 “回流” 方法,

所以,onclick事件添加到其中将含有该表中的选项卡,

onclick="$table.floatThead('reflow');" 

我以这种方式制造工程:)

相关问题