How to get the sorting arrows on the same line?

chobo2

Hi I am using datatables v1.8.2 with the jquery theme roller but I can't get the sorting arrows on the same line.

[code]/




Show

10
25
50
100

entries


Search:








Name








ca685d98-fbb6-4bc9-8373-9fc8015f6366
Canada

Edit
Delete





Showing 1 to 1 of 1 entries
FirstPrevious1NextLast


[/code]

http://img502.imageshack.us/img502/6633/screenshot001mu.jpg

allan

Try including the media/css/demo_table_jui.css CSS file from the DataTables package. There are a couple of lines in there that will do what you need. If you want them directly without important my CSS, then they (from that file):

[code]
/*
* Sort arrow icon positioning
*/
table.display thead th div.DataTables_sort_wrapper {
position: relative;
padding-right: 20px;
padding-right: 20px;
}

table.display thead th div.DataTables_sort_wrapper span {
position: absolute;
top: 50%;
margin-top: -8px;
right: 0;
}
[/code]

Allan

chobo2

Hey. I forgot to mention. I am using the demo_table_jui.css file already and I am still getting this problem.

So I am not sure if some other style is conflicting with it. I will have to check.

Edit

I disabled all other css files and only have the demo_table_jui.css and still have the same problem.

allan

Can you give us a link to your demo page please?

Allan

chobo2

I figured it out. Was missing the "display" class.

dvnandover

Can you post the solution?