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

【问题标题】：Sorting images with datatables使用数据表对图像进行排序
【发布时间】：2013-07-05 01:31:34
【问题描述】：

我有一个表格，其中一个列是数字，例如 1,2,3,4,5...

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

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

我也在使用 python、jinja2 和 datatables 1.9.4

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

【问题讨论】：

你最好把你的解决方案放在一起以表格格式查看数据。如果你想要那种东西，数据表完全是浪费时间。

标签： sorting datatables

【解决方案1】：

您可以使用的最简单的方法是带有 display:none; 的 span；

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

【讨论】：

跨度隐藏文本已排序，这对我有用，

【解决方案2】：

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

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

我希望这会有所帮助。

【讨论】：