给表格行添加删除线 不间断

如果要给表格行添加不间断的删除线，可以使用CSS中的 `border-bottom` 属性实现。具体步骤如下：

1. 在需要添加删除线的行的CSS样式中，添加 `border-bottom: 1px solid #ddd;` 属性，该属性会在行的底部添加一条1像素宽的实线，实现删除线效果。

2. 可以通过 JavaScript 在需要删除的行上添加一个类名，然后通过CSS选择器来实现给该行添加删除线的效果。

下面是一个简单的示例代码，可以参考实现：

<table>
  <thead>
    <tr>
      <th>名称</th>
      <th>价格</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>商品1</td>
      <td>100元</td>
      <td><button class="delete-btn">删除</button></td>
    </tr>
    <tr>
      <td>商品2</td>
      <td>200元</td>
      <td><button class="delete-btn">删除</button></td>
    </tr>
    <tr>
      <td>商品3</td>
      <td>300元</td>
      <td><button class="delete-btn">删除</button></td>
    </tr>
  </tbody>
</table>

<script>
  // 获取所有删除按钮
  const deleteBtns = document.querySelectorAll('.delete-btn');
  
  // 绑定点击事件
  deleteBtns.forEach((btn, index) => {
    btn.addEventListener('click', () => {
      // 获取当前行
      const row = btn.parentNode.parentNode;
      // 添加一个类名
      row.classList.add('deleted');
    });
  });
</script>

<style>
  .deleted td {
    border-bottom: 1px solid #ddd;
  }
</style>

以上代码会在点击删除按钮后，给所在行添加一个 `deleted` 类名，然后使用CSS选择器来给该行的所有单元格添加删除线。需要注意的是，这种删除线不是在文本上方添加的，而是在行底部添加的，因此不会出现删除线与文字重叠的情况。