Page Length option above Buttons

bbrindza

I want to display the Page Length option above Buttons.

This seems like a simple one, however I can not find any examples of this. Anyone have a solution?

Loren Maxwell

Can you not use the DOM: https://datatables.net/examples/basic_init/dom.html

Would "DOM": "lBt" work?

bbrindza

Hi Loren,

I tried that already. I also tried dom: '<"top"l>Bfrtip',

Both options gave me this.

Loren Maxwell

Hmmmmm . . .

Here's what I got using dom: 'lBt'.

Not sure why yours is different . . .

I'll have to defer to others on that.

bbrindza

Is your button custom? I am using the DataTable Editor defaults.

buttons: [
                 { extend: "create", editor: editor },
                 { extend: "edit",   editor: editor },
                 { extend: "remove", editor: editor }
         ]
 

Loren Maxwell

Yep, that's it. When I use the default buttons I get the same behavior as you.

allan

Add:

div.dt-buttons {
  clear: both;
}

to your CSS.

Allan

bbrindza

That did it. Thanks again Sensei Allan.