bAutoWidth:true将页面滚动到数据表的顶部

时间:2017-07-04 17:23:59

标签: javascript jquery datatables

我的网页加载到手机上后,当我快速将页面滚动到底部 bAutoWidth:true,时,javascript代码会将页面滚动到顶部。

如果我设置为false并更改 bAutoWidth:false 则没有问题。但我需要 bAutoWidth:是真的。 bAutoWidth:的任何替代? 有什么建议吗?

这是我用过的javascript

<script>
$(document).ready(function() {

    // Setup - add a text input to each footer cell
    $('table.table tfoot th').each(function () {
        $(this).html('<input type="text" placeholder="'+$(this).text()+'" />');
    });

    // DataTable
    var table = $('table.table').DataTable({

    order: [
          [7, "desc"]
        ],
    "language":{
    "sDecimal":        ",",
    "sEmptyTable":     "Tabloda herhangi bir veri mevcut değil",
    "sInfo":           "_TOTAL_ kayıttan _START_ - _END_ arasındaki kayıtlar gösteriliyor",
    "sInfoEmpty":      "Kayıt yok",
    "sInfoFiltered":   "(_MAX_ kayıt içerisinden bulunan)",
    "sInfoPostFix":    "",
    "sInfoThousands":  ".",
    "sLengthMenu":     "Sayfada _MENU_ kayıt göster",
    "sLoadingRecords": "Yükleniyor...",
    "sProcessing":     "İşleniyor...",
    "sSearch":         "Ara:",
    "sZeroRecords":    "Eşleşen kayıt bulunamadı",
    "oPaginate": {
        "sFirst":    "|<",
        "sLast":     ">|",
        "sNext":     ">>",
        "sPrevious": "<<"
    },
    "oAria": {
        "sSortAscending":  ": artan sütun sıralamasını aktifleştir",
        "sSortDescending": ": azalan sütun sıralamasını aktifleştir"
    }
},
    rowReorder: {
            selector: 'td:nth-child(0)'
        },
        responsive: true,
        paging: "true",
        lengthMenu: [ [10, 15, 25, 50, 100], [10, 15, 25, 50, 100] ],

        aoColumns: [
        { "sWidth": "4%" },
        { "sWidth": "10%" },
        { "sWidth": "10%" },
        { "sWidth": "10%" },
        { "sWidth": "13%" },
        { "sWidth": "29%" },
        { "sWidth": "9%" },
        { "sWidth": "15%" }
    ],
     bAutoWidth: true,
     pagingType: "simple_numbers"
    });

    // Apply the search
    table.columns().every(function () {
        var that = this;

        $('input', this.footer()).on('keyup change', function () {
            if (that.search() !== this.value ) {
                that
                    .search( this.value )
                    .draw();
            }
        });
    });
});
    </script>

0 个答案:

没有答案