X-scroller extends too far under fixed column?
X-scroller extends too far under fixed column?
In the examples on the site, when using fixed columns, the x-scrollbar doesn't extend under the fixed column. But in my code, it extends under the fixed column. Otherwise the fixed column seems to work, but I hate this inconsistency. I have a nagging feeling it suggests something not quite right in what I've done (either with my CSS or with the DataTable settings). Has anyone seen this behavior? Would you know immediately what I've done wrong, if anything?
This discussion has been closed.
Replies
Allan
O/T: Noticing a bit of weirdness. I have a table with a complex header structure. Several headers with rowspans, others with colspans. Lays out fine and I'm pretty sure it's correct. But every time I type a character into the DataTable filter, the header expands in size vertically. Layout is the same, horizontal spacing doesn't change, but every header cell with a rowspan greater than 1 stretches vertically. I have the table in a sliding div, and when I slide in-and-out to prompt a datatable redraw on the callback, the header is sized properly again. Ever see this before? Is there a known problem with rowspans and tags in the ? Should I start a different thread?
Should have mentioned this is happening in IE8 but not in Chrome. When I run in Chrome, I have a different problem -- the scrollable portion of the table to the left of the fixed column is tucked in under the fixed column and won't slide out. Working on that one.
Allan
"TableTools 2 requires DataTables 1.9.0 or newer"
Happens with nightly version of TableTools too.
I'll work on an example.
Allan
[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- DataTables -->
@import "http://datatables.net/release-datatables/media/css/demo_page.css";
@import "http://datatables.net/release-datatables/media/css/demo_table.css";
th {border:1px solid black;}
td {border:1px solid black;}
$(document).ready( function () {
var phsTable = $('#phsTable').dataTable( {
"sDom": 'frti',
"sScrollY": "300px",
"sScrollX": "100%",
"bScrollCollapse": true,
"bPaginate": false
} );
new FixedColumns(phsTable);
} );
Click Here
A
B
C
D
E
F
G
H
I
J
K
L
1
2
3
4
5
6
7
8
9
a
b
c
d
e
f
g
h
i
[/code]
[quote]
OK, used the migration plugin:
[code]
[/code]
Seems to have addressed the problem. I hope highlighting the weirdness using the nightly build helps you out. Cheers!
[/quote]
Still getting an error on IE8 but rock solid in Chrome. In IE8, the problem now is that the fixed column is not sizing correctly. Each row is slightly larger than the data row to the right, and it gets entirely out of alignment very quickly. *sigh*
In IE8, the browser reports numerous script errors. In Chrome, no script errors (but a couple of warnings regarding deprecated calls). Can't tell yet in IE8 what is failing. Continuing to play with this.