Bootstrap-table列排序异常求助：排序结果与数据不匹配

你的问题核心是Bootstrap-table中带链接的列无法按文本内容正常排序，其他同配置列却正常工作，大概率是单元格嵌套标签导致排序值提取异常，以下是具体解决步骤：

• 给目标列的<td>添加data-value属性，将排序依赖的纯文本值直接绑定到该属性。Bootstrap-table排序时会优先读取data-value的值，而非解析单元格内的HTML文本，以此避开<a>标签的干扰：

  <td class="ml-5" data-value="{{ site.site_display_name }}">
      <a href="{% url 'sites:site_detail' site.id %}">{{ site.site_display_name }}</a>
  </td>
  

• 确认表头的data-field="col_display_name"是唯一的，未与其他列的data-field重复（虽你提及其他列正常，但再次确认更稳妥）。

• 若上述方法无效，可给表头显式指定排序类型为字符串，确保排序逻辑匹配数据类型：

  <th data-sortable="true" data-field='col_display_name' data-sort-type="string" class="text-center th-lg" scope="col">{% trans site_display_name_header %}</th>
  

原理：Bootstrap-table对静态HTML表格做客户端排序时，默认提取<td>的文本内容，但单元格内有嵌套HTML标签（如你的<a>）时，可能出现文本解析异常。手动指定data-value可直接告知组件排序依赖值，彻底解决该问题。

内容的提问来源于stack exchange，提问作者Chris