如何创建多个排序按钮

<table>
  <thead>
    <tr>
      <th>
        <button class="sort-btn" data-sort="name">Name</button>
      </th>
      <th>
        <button class="sort-btn" data-sort="age">Age</button>
      </th>
      <th>
        <button class="sort-btn" data-sort="date">Date</button>
      </th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格或列表的数据行 -->
  </tbody>
</table>

// 获取所有的排序按钮
const sortButtons = document.querySelectorAll('.sort-btn');

// 为每个按钮添加点击事件监听器
sortButtons.forEach(button => {
  button.addEventListener('click', () => {
    const sortBy = button.dataset.sort; // 获取排序标识符或类名

    // 根据排序标识符或类名调用相应的排序函数
    if (sortBy === 'name') {
      sortByName();
    } else if (sortBy === 'age') {
      sortByAge();
    } else if (sortBy === 'date') {
      sortByDate();
    }
  });
});

// 根据名称排序的函数
function sortByName() {
  // 排序逻辑
}

// 根据年龄排序的函数
function sortByAge() {
  // 排序逻辑
}

// 根据日期排序的函数
function sortByDate() {
  // 排序逻辑
}