Question

我使用datatables，我需要在分页数字之间加逗号。

这段代码可以在控制台上正常工作，但不能从页面上工作，我尝试使用它很多自我调用函数，但仍然无效。

$(document).ready(function(){
    $('div.dataTables_paginate>a.paginate_button').next('span').children('a.paginate_button').append(',');
});

Answer 1

在绘制/初始化数据表之前，您需要附加'，'：

$('#dataTables_paginate').find('span').children('a').append(','); //'dataTables' is the ID of your datatable.

这是一个Demo。希望这会有所帮助。

Answer 2

您要做的是从控制台调用此代码..

确保页面和数据表已加载。

但是在准备好文档时，您不确定该表是否已填充。

一旦实例化数据表

$("#TableID").dataTable();
//call your code after this

$(document).ready(function(){
$('div.dataTables_paginate>a.paginate_button')
    .next('span')
    .children('a.paginate_button')
    .append(',');
});

Answer 3

<强>解

将处理程序附加到draw事件，如下所示。

$(document).ready(function(){
    $('table')
        .on( 'draw.dt', function () {
           $('div.dataTables_paginate>a.paginate_button')
              .next('span')
              .children('a.paginate_button')
               .append(',');
        });

    // DataTable initialization
    $('#example').DataTable();
});

<强>样本

请参阅this jsFiddle以获取代码和演示。

Answer 4

只需使用CSS，不用担心JavaScript。

＆＃13;

.paginate_button:after {
    content: ", ";
    text-decoration: none;
    display: inline-block;
}

.paginate_button:last-child:after {
    content: "";
}

＆＃13;

<nav>
    <a href="#" class="paginate_button">1</a>
    <a href="#" class="paginate_button">2</a> 
    <a href="#" class="paginate_button">3</a> 
    <a href="#" class="paginate_button">4</a> 
    <a href="#" class="paginate_button">5</a>
</nav>

＆＃13;

在数据表中的分页之间添加逗号

4 个答案: