Datatables 将引导选择添加到数据表'；s长度菜单

人们

我需要帮助。我试图更改datatables下拉菜单“长度菜单”的css，但在添加“selectpicker”类时它消失了

当网格不寻找ajax数据时，它通过更改样式来工作，但是当我将其应用到通过ajax或下拉菜单搜索数据的网格时

我哪里做错了

[CODE]
grid = $('#grid').DataTable({
    "iDisplayLength": 10,
    "aLengthMenu": [[10, 25, 50, 100, 500], [10, 25, 50, 100, 500]],
    "orderCellsTop": true,
    "bPaginate": true,
    "bDestroy": true,
    data: $.parseJSON(response.d),
    columns: [
        { title: "Id" },
        { title: "Nome" }
    ],
    "fnServerData": function (sSource, aoData, fnCallback) {

        $.ajax({
            "dataType": 'json',
            "contentType": "application/json; charset=utf-8",
            "type": "GET",
            "url": sSource,
            "data": aoData,
            "success":
                        function (msg) {
                            var json = jQuery.parseJSON(msg.d);
                            fnCallback(json);
                            $("#grid").show();
                        }
        });

    },
    "fnRowCallback": function (nRow) {

        $(nRow).on('click', function () {

            grid.$('tr.selected').removeClass('selected');
            $(this).addClass('selected');

            var row = $(this).closest("tr").get(0),
                aData = grid.row(row).data();

        });
    },
    "aoColumns": [
        { "sTitle": "Id", "sClass": "pri tableDataCenter", "sWidth": "25px" },//0
        { "sTitle": "Nome", "sClass": "pri" }//1
    ],
    "initComplete": function (settings, json) {
        $('div.dataTables_length select').addClass('selectpicker');
        $('div.dataTables_length select').attr('data-width', '70px').attr('data-margin', '0 5px');
        $('div.dataTables_filter').addClass('form-group').addClass('label-floating');
    },
    "order": [[1, "asc"]],
    "oLanguage": {
        "oPaginate": {
            "sNext": "Próxima",
            "sPrevious": "Anterior",
            "sFirst": "Primeira página",
            "sLast": "Última página"
        },
        "sEmptyTable": "",
        "sInfoEmpty": "Nenhum Registro Encontrado...",
        "sInfo": "Mostrando _START_ a _END_ de _TOTAL_ de registros.",
        "sInfoFiltered": " - pesquisado em _MAX_ registros.",
        "sLengthMenu": "Mostrar _MENU_ Registros",
        "sLoadingRecords": "Por favor Agurde...",
        "sZeroRecords": "Não há registros a serem exibidos.",
        "sProcessing": "Aguarde Processando..."
    },
});

大概是这样的：

var table = $('#example').DataTable({
    "drawCallback": function(){
        var length_select = $("#example_length");
        var select = $("#example_length").find("select").clone();
        select.addClass("selectpicker");
        length_select.empty().append(select);
        select.selectpicker();
    },
    "columns": [{
            "visible": false
        },
        null,
        null,
        null,
        null
    ]
});

工作示例。希望能有所帮助。

类似这样的内容：

var table = $('#example').DataTable({
    "drawCallback": function(){
        var length_select = $("#example_length");
        var select = $("#example_length").find("select").clone();
        select.addClass("selectpicker");
        length_select.empty().append(select);
        select.selectpicker();
    },
    "columns": [{
            "visible": false
        },
        null,
        null,
        null,
        null
    ]
});

---

工作示例。希望这会有所帮助。

看起来您需要下载引导数据表文件并对其进行编辑，以便通过该文件添加类，您可能需要对其进行编辑。否则，在draw回调上每次绘制表之后添加类？看起来您需要下载引导数据表文件并对其进行编辑，以便通过该文件添加类，您可能需要对其进行编辑。否则，请在draw回调上每次绘制表之后添加该类？谢谢您的帮助。工作得很好。我可以根据需要调整。很高兴能帮助：-）谢谢你的帮助。工作得很好。我能够根据需要进行调整。很高兴能提供帮助：-）