tabletools and table not fitting in window

dshapiro

Morning,

I use tabletools and like the idea conceptually, but unless I set my browser to 75% my table does not fit to the screen. Resizing requires the users to set browser to 75% and then do a refresh. This is not great. I want either the page to automagically set the browser to 75%, or even better for it to resize the table content/fixedheader to fit in the screen when the browser is set to 100%.

My header includes:

^M

^M
@import "/media/css/demo_page.css";^M
@import "/media/css/demo_table.css";^M
@import "/css/jquery-ui/css/redmond/jquery-ui-1.8.4.custom.css";^M
@import "/TableTools/media/css/TableTools.css";^M


^M

a { font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #483D8B; text-decoration: none }
a:hover { font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #A52A2A; background-color: #FAEBD7}
h1 { font-family: Arial, Verdana, sans-serif; font-size: 32px; color: #A52A2A }
h2 { font-family: Arial, Verdana, sans-serif; font-size: 24px; color: #A52A2A }
body { font-family: Comic Sans MS,cursive, san-serif; font-size: 18px; color: black}

^M
^M
^M
^M


$(document).ready(function() {
$('#percloc3').dataTable({
"bJQueryUI": true,
"bStateSave": true,
"asStripClasses": [],
"aLengthMenu": [1000,2000,3000,4000,5000],
"iDisplayLength": 1000,
"sScrollY": 800,
"sScrollX": "100%",
"sScrollXInner": "100%",
"bPaginate": false,^M
"sDom": 'T<"clear">lfrtip',
"oTableTools": {
"sSwfPath": "/TableTools/media/swf/copy_cvs_xls_pdf.swf"
}
});

I have tried to put a around my

dshapiro

Side comment: If I drop the style of the font down from 18px to 12px it all fits when browser is set to default 100% like I want. I guess I am confused as to why wrapping it all in