If it has Scroll Y and Collapse it fully expands then shrinks.

Godrules500

I have a Jquery Datatable that I am using with ScrollY being 500px and scrollCollapse being true. Both settings individually are working great. However, when the table is first created it is fully expanding to the 500px max height and then shrinking in size after the rows are added. Is there anyway to prevent it from showing the max height and then shrinking and have it only open to calculated height to begin with?

Reason why is it looks poor and is very frustrating to see the page jumping around when it shouldn't be.

Godrules500

Any one have an answer here? Really could use some help :)

tangerine

Please provide a link to a test page showing the problem as required by the forum rules.

http://datatables.net/forums/discussion/12899/post-test-cases-when-asking-for-help-please-read

allan

However, when the table is first created it is fully expanding to the 500px max height

Does the table have rows in it at that point? Also what version of DataTables are you using. As tangerine notes, please provide a link to a test case.

Allan

Godrules500

I am using jquery datatables 1.10.7 but have noticed this issue from the beginning.

It does not have any rows at that point allan. It is opening up a blank 500px height jquery datatable box that has processing inside. Then once the rows are generated it is collapsing to the perfect height.

I'll try to get a test page setup and will post here if I can.

Godrules500

I am trying to create a test case but because it loads immediately I am not able to reproduce the issue I'm having. I am running using ajax and so it might have a second to load.

 tblShowRMasterList = $('#tblShowRMasterList').DataTable({
            "scrollY": "auto",
            "scrollX": "100%",
            "scrollCollapse": true,
            "bSort": false,
            "bFilter":false,
            "bLengthChange": false,
            "bAutoWidth": true,
            "serverSide": true,
            "processing": true,
            "destroy": true,
            "sAjaxSource": {
                "url": "@Url.Action("DisplayRMasters", "Receipts")",
                "type": "POST",
            }
......other stuff here......
})

allan

Hi,

I'm afraid that without a test case there is little help we can offer. This doesn't sound like an issue I've come across before so I'm not immediately sure what to suggest.

Allan