Rowspan与Bootstrap-table-fixed-columns扩展

时间:2016-02-18 04:42:11

标签: javascript twitter-bootstrap bootstrap-table

我对fixed-columns extensionBootstrap-Table有疑问。我正在尝试使用rowspan属性在左侧有一个“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>

有没有人有想法解决我的问题?

谢谢你, 编

1 个答案:

答案 0 :(得分:2)

解决方案根本不存在,这是一个错误,分为2个错误:

首先,Bootstrap-Table无法正确处理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>