Javascript 在datatable中的分页之间添加逗号

我使用的是

datatables

，分页时需要在数字之间加一个逗号

这段代码在控制台上运行良好，但在页面上不行，我尝试过使用它许多自调用函数，但仍然不起作用

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

---

在绘制/初始化数据表之前，需要添加“，”，如下所示：

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

---

这里有一个相同的例子。希望这有帮助。

在绘制/初始化数据表之前，您需要添加“，”，如下所示：

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

---

这里有一个相同的例子。希望这有帮助。

您试图做的是从控制台调用此代码

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

但在DocumentReady中，您不确定表是否已填充

所以，一旦实例化datatable

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

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

---

您试图做的是从控制台调用此代码

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

但在DocumentReady中，您不确定表是否已填充

所以，一旦实例化datatable

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

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

解决方案

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

$(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();
});

演示

有关代码和演示，请参阅

解决方案

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

$(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();
});

演示

---

有关代码和演示，请参阅。

只需使用CSS，不必担心JavaScript

.paginate_按钮：之后{
内容：“，”；
文字装饰：无；
显示：内联块；
}
.paginate_按钮：最后一个孩子：之后{
内容：“；
}

---

只需使用CSS，不必担心JavaScript

.paginate_按钮：之后{
内容：“，”；
文字装饰：无；
显示：内联块；
}
.paginate_按钮：最后一个孩子：之后{
内容：“；
}

请发布更多代码请发布更多代码