在数据表中分页是在文本中

问题描述 投票:0回答:1
function re_intialize_data_tbl(){
    $('#rslt_tbl').DataTable({
        initComplete: function () 
            {   
                unloading(); 
                
            },
        // "lengthMenu": [[-1], ["All"]],
        
        "bFilter": false,
        "bPaginate": true,  
        "ordering": false,              
        "scrollX":  true,
        "scrollCollapse":true,       
       // "columnDefs": [ { width: 250, targets: 14 } ],    
        "footerCallback": function (row, data, start, end, display) {
            var api = this.api(), data;
            var colNumber = [6,7,9,10,11,12,13,14];
            for (i = 0; i < colNumber.length; i++) {
                var colNo = colNumber[i];
                var total2 = api
                        .column(colNo,{ page: 'current'})
                        .data()
                        .reduce(function (a, b) {
                            return parseFloat(a) + parseFloat(b);
                        }, 0);
                                                
                        //alert('Total:  ' + total2.toFixed(2));
                        if(colNo == 5){
                            $(api.column(colNo).footer()).html("<b>"+total2+"</b>");
                        }else{
                        $(api.column(colNo).footer()).html("<b>"+total2.toFixed(2)+"</b>");
                        }
            }
        },
            
        dom: '<"pull-right custom-padding"B>frtip',
        pagingType: "simple_numbers",
        buttons: [
            {
            extend: 'excelHtml5', 
            text:  'Download <i class="fa fa-file-excel-o green-color"></i>',
             titleAttr: 'Excel',
            footer: true,
            filename: function(){
                    var d = new Date();
                    var n = d.getTime();
                    return 'sales_report_'+n;
                }
            }
        ]
    });
    

} 

由此我得到的分页为

"Previous1234Next"

没有空格。我需要的是像一个按钮

javascript jquery datatables
1个回答
0
投票

也许你还没有忘记CSS?

© www.soinside.com 2019 - 2024. All rights reserved.