使用datatables对图像进行排序

Question

我有一个表格，其中一列是像1、2、3、4、5这样的数字...

我用这样的图片替换每个数字：

<img src="./assets/img/test{{number}}.png">

我也在使用Python、Jinja2 和Datatables 1.9.4。我想按照初始数字对该列进行排序。我尝试将这些数字添加为img id和img alt，但排序无法正常工作。有什么建议吗？

- Tasos

---

如果您想以表格格式查看数据，最好自己编写解决方案。如果您想要那种东西，Datatables是完全浪费时间的。 - You Know Nothing Jon Snow

Answer 1

最简单的方法是使用一个display:none;的span标签； <td><img src="./img/flags_iso/16/en.png"><span style="display:none;">en</span></td>

- Alejandro Aranda

---

跨度隐藏文本已排序，这对我有用。 - Alejandro Aranda

Answer 2

你需要实现自定义数据源排序。查看http://datatables.net/plug-ins/sorting#functions_type以获取帮助。我创建了一个类似于隐藏标题字符串函数的功能，但是不使用title标签，而是使用图像的alt标签。（编辑：抱歉-文档中实际上有一个alt标签排序函数）。

不幸的是，由于我的代码属于需要用户登录的应用程序的一部分，因此无法展示示例。

希望这可以帮到你。

- Nicolas