sDom elements positioning

sDom elements positioning

markjomarkjo Posts: 66Questions: 0Answers: 0
edited July 2013 in General
I created a simple demo like this:
http://live.datatables.net/ufacex/2/edit
It has this sDom: [code] "sDom":'<"top"iflp<"clear">>rt<"bottom"iflp<"clear">>'[/code]

As you see pagination numbers create a second line.
Is it not possible to put them in one line ?

Like this:
http://s13.postimg.org/ipmsx1bqv/image.gif

Replies

  • markjomarkjo Posts: 66Questions: 0Answers: 0
    Any comments please ?
  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin
    Sure - just add `.dataTables_info { width: auto; }` to your CSS (for the bottom one - the top one as a width 100% for some reason - that same basic idea applies - use CSS to get the effect you want): http://live.datatables.net/ufacex/4/edit

    Allan
  • markjomarkjo Posts: 66Questions: 0Answers: 0
    My example was this: http://live.datatables.net/ufacex/2/edit
    Yours is this: http://live.datatables.net/ufacex/4/edit
    Only height changed.
    Pagination is wrapped to next line. Not to the center ??
  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin
    Oh I see- if you want it centred, you'll want to remove the `float: right` from the pagination control CSS and probably add `margin: 0 auto` .

    Allan
This discussion has been closed.