Scroll bar shifts when adding or subtracting a row
Scroll bar shifts when adding or subtracting a row
I've got a site under development, not online, where each row save for the Default entry has an option to remove the row. The table functions as a list of saved customized widgets. When the page first loads, if there are 6 or fewer entries, the row correctly juts over the scroll bar to the right of the table. However, when adding to that table, when the page refreshes, the row incorrectly recedes from the right side, as if the scroll-bar wasn't there. That leaves the scroll-bar hanging out to the right side in an awkward way.
Anybody else have that issue?
Anybody else have that issue?
This discussion has been closed.
Replies
[code]
//Set Player Table - DataTable Configuration
var oTable = $('#table-player-list').dataTable({
"oLanguage": {
"sEmptyTable": "No Custom Players Found."
},
"bFilter":false,
"bInfo": false,
"bPaginate": true,
"sScrollY": "150px",
"bScrollCollapse":true,
"bJQueryUI": true,
"bSort": true,
"aoColumnDefs":[
{ "bVisible":false, "aTargets":aHidden}
]});
$(window).bind('resize', function () {
oTable.fnAdjustColumnSizing();
} );
[/code]
does not rectify the problem. I'll post more info as I discover it.
Compared to the one with 7 entries, notice the row doesn't make it over the scroll bar:
http://dirtymitten.org/img/dataTables_7_entries.png
Allan