Javascript 如何从表的开头创建colspan tr表

我想从第二列开始计算colspan，我的意思是从名称开始：

名字

身份证

全球定位系统日期

阿迪斯

公司

-
+
{{device.name}

{{device.uniqueid}

{{device.devicetime}

{{device.address}

{{device.company}

gfhgfjhfjtjrtkjy

---

有谁能告诉我如何从名称中提取colspan吗？？？

您似乎只需要在行中添加一个

。你有：

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

gfhgfjhfjtjrtkjy

将其更改为：

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

gfhgfjhfjtjrtkjy

这应该在

加号/减号图标下方添加一个
。此外，如果您不想将其显示为列（我认为这是您的意图），则可以设置此
的样式

希望有帮助。

<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>
    <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 colspan="2" align="center"><p>{{device.name}}</p></td>

      <td><p>{{device.devicetime}}</p></td>
      <td><p>{{device.adress}}</p></td>
      <td><p>{{device.company}}</p></td>
    </tr>

名字

身份证

全球定位系统日期

阿迪斯

公司

-
+
{{device.name}

{{device.uniqueid}

{{device.devicetime}

{{device.address}

{{device.company}

gfhgfjhfjtjrtkjy
-
+
{{device.name}

{{device.devicetime}

{{device.address}

{{device.company}

这不是很清楚…所以你想在所有行都呈现后创建一个新行，并在第二列上添加一个6的colspan？我希望colspan从第二列的名称开始添加一个
td
。正如@Abhitalks所说，在你的td之前添加一个td。。谢谢Abhitalks，它可以将你的答案作为有效答案，后来我意识到@Abhitalks在上面的评论中已经提到了这一点。我在最后一行的“name”和“id”两列中使用了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>
    <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 colspan="2" align="center"><p>{{device.name}}</p></td>

      <td><p>{{device.devicetime}}</p></td>
      <td><p>{{device.adress}}</p></td>
      <td><p>{{device.company}}</p></td>
    </tr>