Javascript 表tr中的跨度位于错误的位置

我有一个表，我想在每一行的右边找到一个颜色范围。但当我尝试这一点时，我发现我的跨度在桌子的顶部。 我做错了什么

<tbody data-bind="foreach: filteredTenders">
    <tr class="clickable">
        <span class="row-indicator"></span>
        <td>{{endsIn}}</td>
        <td >{{amount | number}}</td>
        <td>{{currencies}}</td>
        <td>{{createdIn()}}</td>
    </tr>
</tbody>

{{endsIn}}
{{amount | number}}
{{货币}
{{createdIn（）}}

只能将

元素放入

中。如果您想在每一行的右边都有一个元素，您必须将它放在该行的最后一个

中

您不能将
作为表行的子行（
）<按我的理解，每行右边的code>是指行中的最后一个单元格？如果是，请尝试以下方法：

 <tbody data-bind="foreach: filteredTenders">
     <tr class="clickable">
         <td>{{endsIn}}</td>
         <td >{{amount | number}}</td>
         <td>{{currencies}}</td>
         <td>{{createdIn()}}</td>
         <td><span class="row-indicator"></span></td>
     </tr>
 </tbody>


{{endsIn}}
{{amount | number}}
{{货币}
{{createdIn（）}}