Question

我想显示图片而不是现在显示的“下一个”“最后”文字。我试图覆盖当前显示的文本，它似乎没有改变任何东西。仍然显示“下一个”“最后”文本，更不用说我仍然不知道如何将其更改为图像。

$('#myTable').dataTable({
 "aaSorting": [[ 1, "asc" ]],
 "sPaginationType": "full_numbers",
    "oPaginate": 
    {
        "sNext": 'n',
        "sLast": 'l',
        "sFirst": 'f',
        "sPrevious": 'p'
    }
});

任何人都知道如何做到这一点？我认为这将是：

    "oPaginate": 
    {
        "sNext": '<img src="myimage.jpg" />',
...
    }

Answer 1

迟了一年，但看起来这仍然是一个悬而未决的问题。

为了能够更改next / last按钮的默认值，您需要将oPaginate对象作为oLanguage对象的一部分传递，如下所示：

$('#myTable').dataTable({
 "aaSorting": [[ 1, "asc" ]],
 "sPaginationType": "full_numbers",
 "oLanguage": {
    "oPaginate": {
        "sNext": 'n',
        "sLast": 'l',
        "sFirst": 'f',
        "sPrevious": 'p'
     }
  }
});

Source

Answer 2

这是很久以前的事了，但他提供的答案应该有效...... 我有这个，它的确有效：

oTable = $('#example').dataTable( {
        "ordering": false,
        //"sDom":"flrtip"
        "sDom":'r<"contactsTable"t><p>',
        "oLanguage": {
            "oPaginate": {
              "sNext": '<i class="entypo-right-circled" ></i>',
              "sPrevious": '<i class="entypo-left-circled" class="Dia_pagination_ico" ></i>'
            }
          }
    });

css类放置图像，但是我猜测给出的例子应该可以工作

Answer 3

您可以使用CSS更改它们。

看看我的例子：

http://www(@)fisheragservice(@)com/tm/users(@)html

该页面包含电子邮件地址，不希望垃圾邮件机构将其编入索引，因此请将（@）替换为。的

您可以查看来源以了解它是如何完成的。希望这会有所帮助..

使用jQuery DataTables插件时，如何显示分页图像？

3 个答案: