dataTables 将 css 类分配给分页包装器

Posted

技术标签:

【中文标题】dataTables 将 css 类分配给分页包装器【英文标题】:dataTables assigning a css class to the pagination wrapper 【发布时间】:2014-02-26 14:36:29 【问题描述】:

我有一个带有最基本初始化代码的数据表。但是,我需要为出现在表格底部的分页分配一个自定义分页 css 类(我想分配 Twitter 引导分页类)。我该怎么做?

这是我的代码:

$(document).ready(function() 
                        /* Build the DataTable with third column using our custom sort functions */
                        $('#list_table').dataTable("sPaginationType" : 'full_numbers', 'sPaging' : 'pagination');

                     );

【问题讨论】:

【参考方案1】:

您可以使用drawCallback 选项:

$(document).ready(function () 
    $('#myDataTable').DataTable(
        ...
        "drawCallback": function () 
            $('.dataTables_paginate > .pagination').addClass('pagination-sm');
        
    );
);

【讨论】:

【参考方案2】:

使用.addClass()方法:

$('yourpager').addClass('yourTwitterbootstrappaginationclass');

【讨论】:

以上是关于dataTables 将 css 类分配给分页包装器的主要内容,如果未能解决你的问题,请参考以下文章

jQuery / DataTables:如何更改分页颜色

DataTable分页页面选择颜色

在将查询响应分配给模型字段时丢失大量的ember-data类属性

在同一行 jquery dataTables 中显示页长和分页

围绕DataTable';允许在Rails应用程序中与服务器端分页同步的ajax方法

jQuery Prepend 到 DataTables 分页