创建嵌套表行

时间:2017-02-08 16:48:06

标签: javascript html

我需要创建一个具有多个嵌套行的复杂表。

我目前的理解是你不能在HTML表格中嵌套行。例如,

<table>
  <tr>
    <td>header one</td>
    <td>header two</td>
  </tr>

  <tr>
    <td>One</td>
    <td>
      <!-- nested row -->
      <tr>
        <td>nested one</td>
        <td>nested two</td>
      </tr>
    </td>
  </tr>
</table>

期望创建:

enter image description here

这是一个非常简单的例子。我需要生成的表有几个嵌套的行。

我知道有用于设置行的表属性rowspan。但是,我想知道是否有任何开源JavaScript库或替代方法来创建嵌套表行,而不必使用rowspan属性。

2 个答案:

答案 0 :(得分:7)

您需要先将嵌套的googleMapView.addSubview(button) 包装在新的tr元素中。所以它看起来像:

table
table { width: 100%; border-collapse: collapse;}
td { border: 1px solid #000; }
td table { 
  margin: -2px;
  width: calc(100% + 4px);
}

<table> <tr> <td>header one</td> <td>header two</td> </tr> <tr> <td>One</td> <td> <!-- nested row --> <table> <tr> <td>nested one</td> </tr> <tr> <td>nested two</td> </tr> </table> </td> </tr> </table>只能是trtablethead等的孩子。

tfoot更容易定型:

rowspan
table { width: 100%; border-collapse: collapse; }
td { border: 1px solid #000; }

答案 1 :(得分:1)

您必须创建嵌套的

ExceptionMessage=An error occurred when trying to create a controller of type 'ClaimsController'. Make sure that the controller has a parameterless public constructor.