sScrollY is changing the width of datatable

jtodd

Hi There,

I would like to enable sScrollY on my datatable but when I set this to true the datatable becomes too narrow to display the data and X scrolling is automatically enabled. I tried turning sScrollX to false along with a number of other options and nothing fixes the issue.

Here is my datatable with sScrollY set to true:

        $('#child-editor-named-locations-table').DataTable({
            "bProcessing": true,
            "bPaginate": false,
            "sScrollY": "200px",
            "scrollCollapse": true,
            "dom": '<"top">rt<"bottom"filp><"clear">',
            "data": editorNamedLocation.children.children,
            "order": [[1,'asc']],
            "aoColumns": [
                {"className": "details-control",
                "orderable": false,
                "data": null,
                "defaultContent": ''},
                {"mData": "name",
                    "fnCreatedCell": function(nTd, sData, oData, iRow, iCol) {
                        editorUrl = '${editorUrl}&<portlet:namespace />named-location-name=' + oData.name;
                        $(nTd).html("<a href='"+editorUrl+"'>"+oData.name+"</a>");
                    }},
                {"mData": "description"}
                ]
        });//end children named location datatable

Thanks!