Duplicate the "Showing 1 to 10 of XX" entries to top of the table.

pmos

Link to test case:

I built an example responsive table here:
http://cvr.pmo.cikeys.com/datatables.html

Description of problem:

I looked over the documentation about how to reposition the page control elements here:
https://datatables.net/examples/advanced_init/dom_multiple_elements.html

The code example given appears to be how to duplicate all of the elements to the top of the table.

I do not understand how to only duplicate the "Showing 1 to 10 of XX" entries from the bottom to the top of the table.

pmos

OK I think I'm muddling my way thru this...
Found some info here: https://datatables.net/forums/discussion/comment/117663/#Comment_117354

pmos

Got it figured out, it was a 2 step process:

1. Include the following code in the datatables call at page bottom:

   $('#MYTABLEID').DataTable({
       // set DOM to also place info (i) at top; i=info, f=dropdown pagefilter, l=search, p=pagination
       "dom": '<"top"ifl<"clear">>rt<"bottom"ip<"clear">>',
   

2. Include the extra CSS listed at https://datatables.net/examples/advanced_init/dom_multiple_elements.html

   div.dataTables_length {
       padding-left: 2em;
       }
       div.dataTables_length,
       div.dataTables_filter {
           padding-top: 0.55em;
       }
   

Now it works like a charm! Thank you!