Question

如何使用jquery基于相同数据进行行跨度。这是我的小提琴Demo

Orignal Table

OUTPUT SHOULD BE:
<table width="200" border="1">
  <tr>
    <td  >1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
  </tr>
  <tr>
    <td rowspan="2" style="background-color:#F00;">1</td>
    <td>4</td>
    <td rowspan="2"  style="background-color:#F00;">1</td>

    <td rowspan="2"  style="background-color:#F00;">1</td>
    <td>5</td>
  </tr>
  <tr>
    <td>5</td>
    <td>3</td>
  </tr>
  <tr>
    <td>3</td>
    <td>3</td>
    <td>1</td>
    <td>6</td>
    <td>7</td>
  </tr>
  <tr>
    <td>12</td>
    <td>13</td>
    <td>14</td>
    <td>15</td>
    <td>16</td>
  </tr>
  <tr>
    <td>13</td>
    <td>131</td>
    <td>4155</td>
    <td>464</td>
    <td>46</td>
  </tr>
</table>
------------------------

行数跨越同一行数据的总数。如果任何单元格包含不同的数据，则行不应为span。

Answer 1

依赖于您的数据格式，当您成功控制数据时，可以使用.attr('rowspan', '2')添加rowspan

使用jquery基于行中相同数据的行跨度

1 个答案: