2016-02-18 18 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>