3

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

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

有人知道怎么做吗?我认为这将是:

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

3 回答 3

4

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

为了能够更改下一个/最后一个按钮的默认值,您需要将oPaginate对象作为对象的一部分传递oLanguage,如下所示:

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

来源

于 2011-12-01T12:41:49.603 回答
3

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

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 类放置图像,但我猜测给出的示例应该有效

于 2015-08-17T02:24:02.517 回答
1

您可以使用 CSS 更改它们..

看看我的例子:

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

该页面包含电子邮件地址,并且不希望垃圾邮件机器人将其编入索引,因此请将 (@) 替换为 .'s

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

于 2010-12-28T15:19:45.167 回答