BootstrapTable的列排序怎么搞

<link rel="stylesheet" href="https://cdn.staticfile.org/bootstrap/5.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/bootstrap-table/1.18.3/bootstrap-table.min.css">
<script src="https://cdn.staticfile.org/bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.staticfile.org/bootstrap-table/1.18.3/bootstrap-table.min.js"></script>

<table id="myTable" data-toggle="table" data-url="data.json">
  <thead>
    <tr>
      <th data-field="id" data-sortable="true">ID</th>
      <th data-field="name" data-sortable="true">Name</th>
      <th data-field="age" data-sortable="true">Age</th>
    </tr>
  </thead>
</table>

$(function() {
  $('#myTable').bootstrapTable({
    sortName: 'id', // 默认排序列
    sortOrder: 'desc', // 默认排序方式，desc为降序，asc为升序
  });
});