Smoothness Pagination and Sort Controls

Smoothness Pagination and Sort Controls

gravypukgravypuk Posts: 3Questions: 0Answers: 0
edited October 2012 in DataTables 1.9
Hi,

I am using:



With
"bJQueryUI": false
The sort buttons appear next to column headers and the pagination buttons look great.
With
"bJQueryUI": true
The whole thing looks much better, but the sort arrows drop onto a new line and the pagination buttons look rubbish and squashed up.

I am just not sure what I need to modify in which CSS file to get things looking good all round.
Do I need to add DataTables specific CSS to the Smoothness theme?
I have naively tried to change the order the CSS loads with no effect.

Thanks,
Graham

Replies

  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin
    Try adding:

    [code]
    .css_right {
    float: right;
    }
    [/code]

    to your CSS.

    I badly need to tidy up the DataTables CSS files!

    Allan
  • gravypukgravypuk Posts: 3Questions: 0Answers: 0
    Hi,

    Thanks for reply.
    Sorry that didn't work. I can't give you access to me page as it is on a closed system.

    Here is a screen shot of what is happening though if that helps.

    https://www.dropbox.com/s/7idah60aunst471/Screenshot.jpg

    Regards,
    Graham
  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin
    I would have expected that to work, so I can't really off any help without being able to reproduce the issue myself so I can debug it.

    Allan
  • gravypukgravypuk Posts: 3Questions: 0Answers: 0
    Hi, Sorry about that. I have uploaded a demo page here which illustrates the problem I am having:

    http://www.eventdata.co.uk/demo.htm

    Regards,
    Graham
This discussion has been closed.