datatables重新计算隐藏列上的滚动

时间:2014-09-29 16:26:07

标签: jquery scroll width datatables fixed

我正在使用http://datatables.net/的datatables插件和fixedColumns的插件。 我有一个包含很多列的表,所以我决定使用scrollX和选项来隐藏一些列。 问题是,当我隐藏一些列时,插件重新计算我的列的宽度(我想它想要调整列到scrollX,所以它增加了我的列的宽度),我如何有3个固定列,宽度这些列增加了,我想保留那些列。

此插件也不尊重我的宽度配置,我不知道发生了什么,但它不能正常工作。

我想知道某人是否有关于它的概念,一些建议或我忽略的事情或这种情况的原因。

var columndefs = [{targets: 0,searchable: false,width: "26px","cellType": "th"},
            {targets: [1,2],searchable: true,width: "170px","visible": true},
            {targets: targets,searchable: false,'orderable': false,width: "60px","type": html","visible": true}];
var datatable = $('#gradestable').DataTable( {
        scrollX: true,
        paging: false,
        iDisplayLength: 50,
        columnDefs: columndefs,
        bAutoWidth:false,
        autoWidth: false,
        oLanguage: {
            "sProcessing": "{{ lang('table_processing') }}",
            "sLengthMenu": "{{ lang('table_recordsperpage') }}",
            "sZeroRecords": "{{ lang('table_noregisters') }}",
            "sEmptyTable": "{{ lang('table_empty') }}",
            "sInfo": "{{ lang('table_pager') }}",
            "sInfoEmpty": "{{ lang('table_pagerempty') }}",
            "sInfoFiltered": "{{ lang('table_filtered') }}",
            "sSearch": "{{ lang('table_search') }}",
            "sLoadingRecords": "{{ lang('table_loading') }}",
            "oAria": {
                "sSortAscending": "{{ lang('table_sortAsc') }}",
                "sSortDescending": "{{ lang('table_sortDesc') }}",
            },
            "oPaginate": {
                "sFirst": "{{ lang('table_first') }}",
                "sLast": "{{ lang('table_last') }}",
                "sNext": "{{ lang('table_next') }}",
                "sPrevious": "{{ lang('table_previous') }}",
            },
        }
    } );
    new $.fn.dataTable.FixedColumns( datatable, {leftColumns:3,heightMatch: "auto"});

用于定义列属性的变量

targets
是一个数字数组,类似于[3,4,5,6,7]它的变量因为列是变量。< p>

感谢

0 个答案:

没有答案