Как показать изображения для разбивки на страницы при использовании плагина jQuery DataTables?

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

Один год с опозданием, но, похоже, вопрос остается без ответа.

Чтобы иметь возможность изменять значения по умолчанию для следующих / последних кнопок, вам необходимо передать объект oPaginate как часть oLanguage объект, вот так:

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

Источник

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

Страница содержит адреса электронной почты и не нужнаспам-боты, чтобы проиндексировать их, поэтому, пожалуйста, замените (@) на .'s

Вы можете просмотреть источник, чтобы увидеть, как это было сделано. Надеюсь, это поможет ..