使用数据表对图像进行排序

Question

我有一张表，其中一个列是1,2,3,4,5 ......

之类的数字

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

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

我也在使用python，jinja2和datatables 1.9.4

我想用初始数字对该列进行排序。我试图将这些数字添加为img id和img alt，但排序不起作用。有什么建议吗？

Answer 1

你可以使用的最简单的东西是带有display：none;

的span

<td><img src="./img/flags_iso/16/en.png"><span style="display:none;">en</span></td>

Answer 2

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

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

我希望这会有所帮助。