這是我的table

 <x-table :cell-bordered="false" style="background-color:#fff;">
    <thead>
      <tr>
        <th>姓名</th>
        <th>年齡</th>
        <th>地址</th>
      </tr>
    </thead>
    <tbody>
      <div v-transfer-dom>
        <loading :show="show" :text="text"></loading>
      </div>
      <tr v-for="user in users">
        <td>{{user.name}}</td>
        <td>{{user.age}}</td>
        <td>{{user.addr}}</td>
      </tr>
    </tbody>
  </x-table>

我想要添加Swipeout組件讓每一個tr都能左滑以便編輯刪除

那么我的頁面結構應該怎么調整？換句話說就是我的Swipeout應該如何和tr td組合使用？