2016-02-18 21 views
0

我有一個fixed-columns extensionBootstrap-Table問題。我試圖用一個行跨度屬性對左「3行高」固定柱,隨後的3行的固定列,但它似乎不工作:帶自舉表格固定列擴展的行距

https://jsfiddle.net/Lx87aetc/4/

我們的目標是做一些與下面的架構:

<table> 
    <thead> 
    <tr> 
     <th></th> 
     ... 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td rowspan="3"></td> 
     ... 
    </tr> 
    <tr>...</tr> 
    <tr>...</tr> 
    </tbody> 
</table> 

有沒有人有一個想法,以解決我的問題?

謝謝 埃德

+0

我無法弄清楚你想要什麼。可能是通過圖像的圖表表示? –

+0

@Edouardb - 如果解決了,放一個自己的答案並接受它,所以這個SO帖子標記爲已解決 –

+0

@DanielBrose完成 – Edouardb

回答

2

的解決方案根本不存在,這是一個錯誤,分爲2個錯誤:

首先,自舉桌不正確處理rowspan/colspan管理(一些' - '被附加在行的末尾)。文治新已經糾正了這個問題:https://github.com/wenzhixin/bootstrap-table/commit/468169cde5bdbf2178a9299d288622fe93777aaa

其次,固定列擴展也沒有正確地處理這個問題,這導致了一個「雙重」錯誤(一些' - '+錯誤的固定列):我糾正了擴展錯誤: https://github.com/wenzhixin/bootstrap-table-fixed-columns/pull/12

現在它的工作:https://jsfiddle.net/wenyi/3v7h5erL/3/

它解決簡單的情況下,像這樣的:

<table data-toggle="table" data-fixed-columns="true" data-fixed-number="3"> 
    <thead> 
    <tr> 
     <th>Title</th> 
     <th>1</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td rowspan="2">Momentum</td> 
     <td>1</td> 
     <td>2</td> 
    </tr> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
    </tr> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
    </tr> 
    </tbody> 
</table>