customizing dom layout

hnhegde

Hello Folks,
If I specify dom as: "flrt", I would have expected the filtering and length changing inputs to be on the same line. However there is a line break after filtering. Can anyone kindly advise how to get them on the same line and adjacent to each other? Please refer to screenshots attached.

Thanks
Harsha

hnhegde

Inspecting the page shows that filter and length elements are in their own div tags, which would explain the line break. PFA screenshot. But, I wonder why would that be? I have specified the dom as:
dom: 'flrtp'
Also tried:
dom: '<fl>rtp'
But that added an extra div without removing the previous divs.

colin

Hi @hnhegde ,

Yep, all the controls are in their own div tags - this allows greater customisation. You can use CSS to style and place them as you please.

Cheers,

Colin

hnhegde

HI @colin,
Good timing! I just got it working purely using flexbox controls:
dom: "<'row d-flex flex-row align-items-end'<'col-md-10'f><'col-md-2'l>>trp",

Thanks for looking into my question!

Regards,
Harsha