材料表:如果我的rowdata.status =已取消，如何更改禁用操作按钮

<table id="myTable">
  <tr>
    <td>数据1</td>
    <td>已取消</td>
    <td><button class="action-btn">操作</button></td>
  </tr>
  <tr>
    <td>数据2</td>
    <td>进行中</td>
    <td><button class="action-btn">操作</button></td>
  </tr>
  <!-- 更多行数据 -->
</table>

document.addEventListener('DOMContentLoaded', function() {
  var buttons = document.querySelectorAll('.action-btn');
  buttons.forEach(function(button) {
    var row = button.closest('tr');
    var statusCell = row.querySelector('td:nth-child(2)');
    var status = statusCell.textContent.trim();
    if (status === '已取消') {
      button.disabled = true;
    } else {
      button.disabled = false;
    }
  });
});