2013-12-18 55 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');" 

我以這種方式製造工程:)

相關問題