Question

我在我的网站上使用插件“DataTables”，我想将图像放在表格中的TH内，但是当我使用响应模式时，此图像会消失！

这是一个例子： http://live.datatables.net/qikocosi/1/edit

有人可以帮助我吗？

Answer 1

我还没有找到官方支持的方法，但您可以尝试这种解决方法：

似乎切换到响应模式是从标题单元格（包括您的img标记）中删除html，因此您可能希望使用一些CSS来实现此目的：

li[data-dtr-index="1"] span.dtr-title{
  background-repeat: no-repeat;
  background-image: url("http://i.imgur.com/iKWdGjP.png?1");
  color: transparent;
}

由于此js库自动添加: char，我使用color: transparent;来隐藏它。因此，如果要在图像旁边包含一些文本，请删除此部分CSS。

此外，由于空span不会显示任何background-image，我已将 添加到您的html：

<th class="tablet">&nbsp;<img src="http://i.imgur.com/iKWdGjP.png?1"></th>

示例在这里： http://live.datatables.net/nijejoye/1/edit

Answer 2

我找到了答案：

您必须修改dataTables.responsive.js上的一个简单行

变化：

var title = header.text();

有关：

var title = header.html();

感谢AAB和Ivan Jocovic的帮助！

DataTables - 图像在响应模式下消失

2 个答案: