Question

我正在使用Bootstrap Table对一些列进行排序。一栏有一个文章标题，可链接到文章本身。我显然希望能够按标题排序，但是它是按单元格的内容进行排序，如源代码（链接和标题）所示，而不是可见文本（标题）。

<table class="table table-bordered table-striped table-hover table-sortable">
  <thead>
    <th data-sortable="true">Title</th>
        <th>Description</th>
        <th data-sortable="true">Posted</th>
    </thead>
    <tbody>
        <tr>
            <td data-sortable="true"><a href="link&ID=1">Article C</a></td>
      <td data-sortable="true">This is description 1</td>
      <td data-sortable="true">9/26/2019</td>
    </tr>
    <tr>
            <td data-sortable="true"><a href="link&ID=3">Article A</a></td>
      <td data-sortable="true">This is description 2</td>
      <td data-sortable="true">4/27/2018</td>
    </tr>
    <tr>
            <td data-sortable="true"><a href="link&ID=2">Article B</a></td>
      <td data-sortable="true">This is description 3</td>
      <td data-sortable="true">8/26/2017</td>
    </tr>
  </tbody>
 </table>

在该示例中，它加载为C，A，B。单击排序按钮后，我希望它是A，B，C，但它的排序为C，B，A（对应于1、2、3链接。）

提琴：https://jsfiddle.net/melisunde/edkz6cv2/11/

有没有办法让Bootstrap Table忽略链接？该站点的示例似乎未解决此问题。谢谢！

有可能按可见文本而不是链接文本排序吗？

0 个答案: