Question

我需要有关如何在引导表中创建图片表组highlet的简单建议，对我有帮助。我想要大人的，小孩的，婴儿的照片，就像靴子里的桌子一样。

<table class="table display product-overview mb-30">
  <thead>
    <tr>
      <th>Agent Name</th>
      <th>Groups Count</th>

    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="result in getresult">
      <td>{{result.Agent}}</td>
      <td>{{result.Groups}}</td>
    </tr>

  </tbody>
</table>

Answer 1

您必须在colspan标记中结合使用rowspan和<th>属性。

例如： （已编辑所有列和示例行）

<html>

<head>
  <style>
    table,
    th,
    td {
      border: 1px solid black;
    }
  </style>
</head>

<body>

  <table class="table display product-overview mb-30">
    <tr>
      <th rowspan="2">Agent Name</th>
      <th rowspan="2">Groups Count</th>
      <th colspan="2">Adult</th>
      <th colspan="2">Child</th>
      <th colspan="2">Infant</th>
      <th rowspan="2"></th>
      <th rowspan="2">Total</th>
      <th rowspan="2">Trans</th>
      <th rowspan="2">Total Transp</th>
      <th rowspan="2">Grand Total</th>
    </tr>
    
    <tr>
      <th>Visa</th>
      <th>Total</th>

      <th>Visa</th>
      <th>Total</th>

      <th>Visa</th>
      <th>Total</th>
    </tr>
    
    <tr>
      <td></td>
      <td></td>
      <td>147</td>
      <td>1537</td>
      <td>69</td>
      <td>15870</td>
      <td>28</td>
      <td>6510</td>
      <td>1634</td>
      <td>376940</td>
      <td>1606</td>
      <td>0</td>
      <td>376940</td>
    </tr>
  </table>

</body>

</html>

如果您有任何疑问或我误解了任何内容，请告诉我。

快乐编码！

引导表头组

1 个答案: