dom position

dom position

johngtrsjohngtrs Posts: 33Questions: 2Answers: 0
edited August 2015 in Free community support

Hi,

I don't understand how the dom works. I want the length menu at the top right, the global search at the left top and 2 paginations on the top and on the bottom. Could you help me ?

this dom: 'fltip' doesn't work.

Replies

  • RayBRayB Posts: 2Questions: 0Answers: 0
    edited August 2015

    More specifics would help, but I did notice that with the 1.10.x release the documentation seems might be incorrect? the old "sDom" syntax seems to still work, whereas "dom" does not.

    Try "sDom" : "fltip" instead and let us know how you make out.

    NOTE: I had a look at the code and it looks like it's "dom"/"sDom" is going to be fixed for 1.11.

  • johngtrsjohngtrs Posts: 33Questions: 2Answers: 0

    Thanks a lot for your answer. I used "sDom" but this doesn't work again. No changes. How can I do ?

  • RayBRayB Posts: 2Questions: 0Answers: 0

    Hey John,

    After looking into this I think I am incorrect. The documentation is fine actually.

    Dom should work.

    Example:

    $('#example').dataTable( {
    "dom": 'lrtip'
    } );

  • johngtrsjohngtrs Posts: 33Questions: 2Answers: 0
    edited August 2015

    The dom works if :

    • I want to set 2 paginations dom: "flptip"
    • I want to set all items at the top or bottom dom: "tflip" / dom: "flipt"

    Btw the dom doesn't work if :

    • I want to reverse the gobal search position with length position because I want the global search to the left and the length changing input control to the right. Then I can't doing dom: "fltip" there is no changes.

    In firebug inspector the div's order don't wanna change

    <div id="my_filter" class="dataTables_filter">
    <label>
    </div>
    <div id="my_length" class="dataTables_length">
    <label>
    </div>
    
  • johngtrsjohngtrs Posts: 33Questions: 2Answers: 0

    No help ?

This discussion has been closed.