Problem with a size and Button of selector

crease

Hi,
I have a problem when I try to represent my data in my datatable why this data take up more space what they have assigned, that is, the header is more small that data row.

-----------------
··T1··|··T2··|··T3··Header (field title)
-----------------

----------------------------------
·····D1·····|·····D2·····|·····D3·····Data
----------------------------------

-------------
Next |Prev ·············· Footer
-------------

Legend: T1: Title 1, T2: Title2,... D1: Data 1, D2: Data2,...

Other problem that I have is that the selectors that permit order the data are under title and they are not next, and I don´t know like put it

Thanks

tangerine

I think you will have to show your actual code or provide a link to a test case.
http://www.datatables.net/forums/discussion/12899/post-test-cases-when-asking-for-help-please-read

crease

This is my file .jsp where it´s dataTable

[code]









$(document).ready(function(){



$('#tablePrueba').dataTable( {
"bJQueryUI": true,
"sPaginationType": "two_button"
} );







MAC
MODEL
MAKER
SERIAL NUMBER
VENDOR
PURCHASE
WARRANTY
MANUFACTURER
NAME
PLATAFORM




0015BC001D000DAB
ZHWR202
Develco
0015bc001d000dab
Net4things
5/12/2013
5/12/2013
Develco
Smart Plug
A360


0015BC001D000DAB
ZHWR202
Develco
0015bc001d000dab
Net4things
5/12/2013
5/12/2013
Develco
Smart Plug
A360


0015BC001D000DAB
ZHWR202
Develco
0015bc001d000dab
Net4things
5/12/2013
5/12/2013
Develco
Smart Plug
A360




[/code]

My css file (mainMenu are features main page and sectionAdministration are features where it is the datatable)

[code]

#mainMenu{
position: absolute;
background: rgba(255,255,255,0.5);
margin-top: 10px;
padding: 10px 5px;
width: 90%;
}

....

#sectionAdministration{
position:absolute;
border-radius:0.5em;
display: block;
margin:0.25em auto;
max-width:960px;
/* max-width:100%; */
min-height:200px;
padding:0.25em;
margin: 40px auto;
top: 100px;
left: 450px;
}


[/code]

crease

An solution possible is:

[code]
$('#tablePrueba').dataTable( {
"bJQueryUI": true,
"sScrollX": "100%",
"sScrollXInner": "200%",
"sPaginationType": "two_button"
} );

[/code]