How to position the Paging dropdown

How to position the Paging dropdown

jkard883jkard883 Posts: 8Questions: 0Answers: 0
edited January 2012 in General
I would like the paging drop down to be in a different location (under the table and to the right) but not seeing how to do that. I looked at sDom, but don't really understand how to set it that way (it's a bit cryptic).

Any advice on how I would set the position of the drop down?

Thanks
Jay

Replies

  • allanallan Posts: 63,540Questions: 1Answers: 10,476 Site admin
    sDom is a bit cryptic :-(. DataTables 1.10 will see some serious work on trying to make it a lot more obvious... However, basically each feature in the table is a letter in sDom so you just move the letter around the string.

    Having said that, the paging control is at the bottom right by default ( http://datatables.net/release-datatables/examples/basic_init/zero_config.html ). Do you mean the length change control? If so, then you could use sDom as: frtipl (you might need a small CSS change as well, depending on what you r current CSS is).

    Allan
  • jkard883jkard883 Posts: 8Questions: 0Answers: 0
    edited January 2012
    Thank Allan!

    I think I may have confused the UI elements, what I'm speaking about is the drop down that lists the amount of rows displayed on the table. I think it shows 10/25/50/100 as defaults.

    Right now it's at the top left, but I'd like to move it to the bottom left. How would I set its position to do this?

    Best
    Jay
  • jkard883jkard883 Posts: 8Questions: 0Answers: 0
    Any thoughts on this Allan?

    Thanks
    Jay
  • allanallan Posts: 63,540Questions: 1Answers: 10,476 Site admin
    Sure - this can be done with the sDom parameter. Example: http://datatables.net/release-datatables/examples/basic_init/dom.html :-)

    Allan
  • jkard883jkard883 Posts: 8Questions: 0Answers: 0
    Ah ha!! Thanks!
This discussion has been closed.