IE table column are not aligned

wjshohs

Into IE7, IE8 we have different widths between header and data
Into FF this is ok. Horizantol scroll is on.

$('#example').dataTable( {

"sDom": 't',
"bProcessing": false,
"bServerSide": true,
"bLengthChange": false,
"bInfo": false,
"bFilter": true,
"sAjaxSource": "<?=$this->urls->base?>reports/api_matchedproducts/",
"sScrollX": "100%",
//"sScrollXInner": "800%",
"bScrollCollapse": true,
"bAutoWidth": true,
"bLengthChange": true,
"aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0,3,13,14 ] },
{ "bVisible": false, "aTargets": [ 3,5,6 ] }
]
});

wjshohs

Name




Num matches
Num products
My id
Cat. level 1
Cat. level 2
Cat. path
Price
Relative price%
Mfgr/brand
Mfgr #
Availability
Sale/promo
Labels
<?php foreach ($this->sites as $site):
?>
<?=$site["site_name"]?> price
<?=$site["site_name"]?> % expensive
<?=$site["site_name"]?> availability
<?=$site["site_name"]?> sale/promo
<?php endforeach;
?>





Loading data from server





Group
Num of matches
Num of products
From product id
Cat. level 1
Cat. level 2
Category
Price
Relative price%
Mfgr
Mfgr product_id
Url
Sale
Labels
<?php foreach ($this->sites as $site):
?>
<?=$site["site_name"]?> price
<?=$site["site_name"]?> % expensive
<?=$site["site_name"]?> availability
<?=$site["site_name"]?> sale/promo
<?php endforeach;
?>






Assign to label


Drill down

 

solo

Does this answer your problem ?
http://datatables.net/forums/comments.php?DiscussionID=2624&page=1
or
http://stackoverflow.com/questions/2425572/ie-horizontal-scroll-problem
?

wjshohs

No, it's not solving an isuue. Also I used min-width and max-width parameters for table heders to set the width for each column. In ff it's working good, but with IE8 they are not setuping correctly too.

wjshohs

also bWith is not working at all too. Not in FF not in IE, so really there is no sense using such option

allan

Are you ae to give us a link for an example of this happening with your data source please? I would think that the problem is with the min and max widths. Can you not set sWidth to get the required effect? The only reason sWidth wouldn't work is if the table constraints are too small or big or if the content is too big for the width given.

Allan

wjshohs

give me your email and i will send you link details

allan

You can ping me using the contact form here: http://datatables.net .

Allan

allan

I'm afraid the address you sent me isn't loading at the moment. I'll try again later - although it's not too often I'm around a computer with IE on it :-)

Allan

allan

It's just started working again. The funny thing from your HTML is that you've got "

wjshohs

it's not helping at all! Have you some other suggestions?
We are doing donation also on DiscussionID=3503, but those answer didnt help too.

So we have no any positive result in those questions((
Also I have issue with vertical scroll - it is there DiscussionID=4047. Could you make some comment about it?

Kshu

Well, I encountered the same problem now for IE8 on Windows XP.
Whenever the content in has more than one line, i.e. wrapped, the and will be out of alignment for IE8.

Everything works fine on Firefox. The alignment between header and td is perfect.
If you want, I can email a small example.

davirob

I found that forcing IE8 standards mode using the following meta tag in the head of the document helped the alignment issues I had in IE8:



http://social.msdn.microsoft.com/Forums/en/iewebdevelopment/thread/afb57ce6-d149-4a09-8811-63c0645c92e6