sorting - Sorting images with datatables

Question

I have a table where one of its collumn is numbers like 1,2,3,4,5...

I replace each of this number with an image like this:

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

I am also using python, jinja2 and datatables 1.9.4

I want to sort that collumn with the initial numbers. I tried to add those numbers as img id and img alt, but sorting doesn't work. Any advice?

Answer 1

您可以使用的最简单的东西是带有 display:none; 的跨度。

<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以获取相关帮助。我创建了一个与隐藏标题字符串函数类似的函数，但我没有使用标题标记，而是使用图像的alt标记。（编辑：对不起-文档中实际上有一个alt标签排序功能）

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

我希望这有帮助。