如何在bootstrap-table卡片视图/自定义视图中添加排序？

<table id="myTable" data-toggle="table" data-card-view="true" data-show-columns="true">
  <thead>
    <tr>
      <th data-field="name">Name</th>
      <th data-field="age">Age</th>
      <th data-field="country">Country</th>
      <th data-field="custom" data-formatter="customFormatter">Custom</th>
    </tr>
  </thead>
</table>

function customFormatter(value, row) {
  return '<div class="custom-column">' + value + '</div>';
}

function customSorter(sortName, sortOrder, data) {
  // 在这里实现自定义的排序逻辑
  // 根据sortName和sortOrder对data进行排序
  // 返回排序后的data数组
  return sortedData;
}

$(function() {
  $('#myTable').bootstrapTable({
    columns: [{
      field: 'name',
      title: 'Name'
    }, {
      field: 'age',
      title: 'Age'
    }, {
      field: 'country',
      title: 'Country'
    }, {
      field: 'custom',
      title: 'Custom',
      formatter: 'customFormatter',
      sorter: 'customSorter' // 绑定自定义排序函数
    }],
    data: [{
      name: 'John',
      age: 25,
      country: 'USA',
      custom: 'Custom Value 1'
    }, {
      name: 'Jane',
      age: 30,
      country: 'Canada',
      custom: 'Custom Value 2'
    }, {
      name: 'Bob',
      age: 35,
      country: 'UK',
      custom: 'Custom Value 3'
    }]
  });
});