javascript - 额外的行出现在网格/表格中

Question

我是 html 新手，需要一些帮助来完善我的代码。我创建了一个网格/表格，并且正在通过表格填写数据。该表看起来很好，并且数据也正在保存。但是，网格的开头出现了额外的一行。我不知道如何摆脱它。

<table class="table border nowrap dataTable no-footer">
  <thead class="thead-dark">
    <tr role="row">
      <th class="plex-data-table-head sorting_asc">Range</th>
      <th class="plex-data-table-head sorting_asc">Sum of voxels</th>
      <th class="plex-data-table-head sorting_asc">Sum of HU x # product</th>
      <th class="plex-data-table-head sorting_asc">Mean HU</th>
      <th class="plex-data-table-head sorting_asc">Weighting Factor</th>
      <th class="plex-data-table-head sorting_asc">Total Volume</th>
      <th class="plex-data-table-head sorting_asc">Ca Score</th>
    </tr>
  </thead>
  <tbody>
    @{foreach record in model['data']['grid-tlevci']} @{if !helpers.isEmpty(model['data']['grid-tlevci'])}
    <tr class="grid-rows odd">
      <td>
        @{if !helpers.isEmpty(record['grid-9670-7550'])} @{record['grid-9670-7550']} @{else} --- @{fi}

      </td>
      <td>
        @{if !helpers.isEmpty(record['grid-4140-10'])} @{record['grid-4140-10']} @{else} --- @{fi}


      </td>
      <td>
        @{if !helpers.isEmpty(record['grid-hm9xcc'])} @{record['grid-hm9xcc']} @{else} --- @{fi}

      </td>
      <td>
        @{if !helpers.isEmpty(record['grid-kfjdo'])} @{record['grid-kfjdo']} @{else} --- @{fi}

      </td>
      <td>
        @{if !helpers.isEmpty(record['grid-p4m23'])} @{record['grid-p4m23']} @{else} --- @{fi}

      </td>
      <td>
        @{if !helpers.isEmpty(record['grid-udj32'])} @{record['grid-udj32']} @{else} --- @{fi}

      </td>
      <td>
        @{if !helpers.isEmpty(record['grid-609p6'])} @{record['grid-609p6']} @{else} --- @{fi}

      </td>

    </tr>


    @{fi} @{end}


  </tbody>

</table>

标签： javascripthtmlcss