IE11 & FixedColumn : unwanted horizontal scrolling

mrp14

Hello everybody,

I got an issue on IE11 when using FixedColumns. When scrolling horizontally the datatable, left column is truncated. There is a little horizontal scrollbar showing up this first column :

            var datatable = that.$table.DataTable({
                    scrollX:            "100%",
                    scrollY:            $('#content').height() - 120,
                    scrollCollapse:     true,
                    autoWidth:          false,
                    paging:             false,
                    sort:               false,
                    info:               false,
                    filter:             false,
                    stripeClasses:      []
                });
                new $.fn.dataTable.FixedColumns(datatable, {
                    leftColumns:        1
                });

Chrome / Firefox : http://imgur.com/uo7rUZb
IE11 : http://imgur.com/oYLeyfZ

Thanks in advance.

mrp14

I created a jsfiddle : http://jsfiddle.net/8xwuxo0t/1/

I don't know why, but it takes ages to load on IE, maybe because of the long HTML content. Maybe you'll get a "script is not responding" error : please just wait.

EDIT better than jsfiddle, a live.datatables bin: http://live.datatables.net/pivohibi/1/edit

Don't pay attention to the HTML, this is a dirty copy paste, there is alot of classes that are useless.

As you will notice, the fact that the "LeftBodyLiner" is smaller than the first column creates an offset between header and body, header title are not perfectly aligned with their corresponding rows.

Let me know if you need something else.

Again, thanks in advance.

mrp14

Up

mrp14

Up !

mrp14

Up !

mrp14

Up !