javascript - 如何从表的开头 colspan tr 表

Question

我想从第二列开始 colspan 我的意思是从名称开始:

<table width="100%">
  <thead style="background-color: lightgray;">
    <tr>
      <td style="width: 30px;"></td>
       <td><p>Name</p></td>
    <td><p>ID</p></td>
    <td><p>GPS date</p></td>
    <td><p>Adresse</p></td>
    <td><p>Company</p></td>
    </tr>  
  </thead>
  <tbody>
    <tr ng-repeat-start="device in MyDeviceObject">
      <td>
        <button ng-if="device.expanded" ng-click="device.expanded = false">-</button>
        <button ng-if="!device.expanded" ng-click="device.expanded = true">+</button>
      </td>
      <td><p>{{device.name}}</p></td>
      <td><p>{{device.uniqueid}}</p></td>
      <td><p>{{device.devicetime}}</p></td>
      <td><p>{{device.adress}}</p></td>
      <td><p>{{device.company}}</p></td>
    </tr>
    <tr  ng-if="device.expanded" ng-repeat-end="">
      <td  colspan="6">gfhgfjhfjtjrtkjy</td>
    </tr>
  </tbody>

请问谁能告诉我如何从名字中 colspan 吗？？

Answer 1

看来您只需要添加一个 <td>到该行。你有:

<tr ng-if="device.expanded" ng-repeat-end="">
    <td colspan="6">gfhgfjhfjtjrtkjy</td>
</tr>

将其更改为:

<tr ng-if="device.expanded" ng-repeat-end="">
    <td style="width: 30px;"></td>
    <td colspan="5">gfhgfjhfjtjrtkjy</td>
</tr>

这应该添加一个 <td>在plus/minus下方图标。此外，您可以设置此 <td> 的样式如果您不希望它显示为一列(我认为这是您的意图)。

希望对您有所帮助。