使用 fixedColumn 的数据表滚动 x 问题

Question

我正在使用 jquery 具有固定列的数据表。一切正常，但我对 scroll x 有疑问。

如您所见，我无法从固定列中删除滚动条 x。有解决这个问题的想法吗？初始化：

$(document).ready(function(){
    var oTable = $('#matriz').dataTable({            
        "bStateSave": true,
        "iCookieDuration": 60*60*24*30*365,
        "sDom": 'TC<"clear">lfrtip',
        "oTableTools": {
            "sSwfPath": "//cdn.datatables.net/tabletools/2.2.2/swf/copy_csv_xls_pdf.swf",
            "aButtons": [
                {
                    "sExtends": "xls",
                    "sButtonText": "Excel",
                    "mColumns": 
                        [ 
                            0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12,
                            13, 14, 15, 16, 17, 18, 19, 20, 21, 22
                        ]
                }
            ]
        },   
        "aoColumnDefs": [
            { 'bSortable': false, 'aTargets':
                [
                    8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 20, 21, 22, 23 
                ] 
            }
        ],            
        "pagingType": "full_numbers",            
        "oLanguage": {
            "sInfo": "Exibindo de _START_ até _END_. Resultados encontrados: _TOTAL_",
            "sSearch": "Pesquisar: ",
            "sEmptyTable": "Não existem solicitações para exibir.",
            "sLengthMenu": "Visualizar _MENU_ solicitações",
            "oPaginate": {
                "sFirst": "Primeira",
                "sLast": "Última",
                "sNext": "Próxima",
                "sPrevious": "Anterior"
            }
        },            
        "oColVis": {
            "buttonText": "Ocultar colunas",
            "bRestore": true,                        
            "aiExclude": [ 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 23 ],
            "sRestore": 'Restaurar'
        },            
        "lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "Todas"]],
        "iDisplayLength": 10,
        scrollY:        325,
        "sScrollX": "100%",
        scrollCollapse: true,
        fixedColumns:   {
            leftColumns: 1
        }            
    });
    setTimeout(function (){
        oTable.fnAdjustColumnSizing();
    }, 10 );        
});

Answer 1

将 overflow-x:hidden 添加到 DTFC_LeftBodyLiner div 似乎解决了显示问题。

使用 fixedColumn 的数据表滚动 x 问题

Datatable scroll x issue using fixedColumn

datatable

scroll

datatables