Using fixed columns, when scrolling the left-side portion is now transparent. Using Jquery UI.

Keith_H

I have recently upgraded from datatables 1.10.18 to 1.11.5 and have encountered a problem with the fixed columns being transparent, so the scrolling table is now visible through the fixed table.

I don't know if I ma including all the required CSS files or if I have done the download incorrectly.

With the previous version I had CSS file jquery.dataTables_themeroller.css

The CSS files I use now are (as the above file is not in the latest download):
DataTables-1.11.5/css/dataTables.jqueryui.min.css
FixedColumns-4.0.2/css/fixedColumns.jqueryui.min.css

The relevant part of the table setup is:

        $('#table').DataTable({
              "autoWidth":false
            , "fixedColumns": {leftColumns: 6 }
            , "info":true
            , "JQueryUI":true
            , "order": [[ 6, "asc" ]]
            , "ordering":true
            , "paging":false
            , "scrollY":"680px"
            , "scrollCollapse":true
        });

kthorngren

This example with jqueryui seems to work. Can you provide a link to your page or a test case replicating the issue so we can help debug?
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Kevin

Keith_H

Thanks Kevin.

The problem is reproducible.

http://live.datatables.net/tebihija/1/

The issue is that the columns which aren't 'the 'sorted' columns are transparent.

kthorngren

Thanks for the info. You can see the same problem with this example if the sorting is changed to a different column.

@allan or @colin will need to look at the issue.

Kevin

sandy

Hi @Keith_H @kthorngren ,

Thanks for pointing this out, something isn't right there. I've raised an issue internally (DD-2514 for my reference) and will report back here when there is an update.

Thanks,
Sandy

allan

Hi,

Just to say that I've committed a fix for this. The nightly will rebuild with the change soon

Allan