Answers

• colin Posts: 15,177Questions: 1Answers: 2,590

  December 2021

  You can use dom to move the table's elements around.

  If that doesn't help, we're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

  Cheers,

  Colin
• sohelmugal Posts: 5Questions: 2Answers: 0

  December 2021

  Thanks, My knowledge of DOM is only for moving "built-in table control elements" above and below the table and with CSS I can move them right and left, even though they come up badly aligned and messy always, esp when it comes to responsiveness. I want to move ".dataTables_info" to a specific place away from places pre-fixed. e.g. inside a table thead or inside a FAB button. Right now I want them next to my table header inside the thead where I have shown question marks.
• sohelmugal Posts: 5Questions: 2Answers: 0

  December 2021

  I think this is how it looks: http://live.datatables.net/rularihu/1/edit
• kthorngren Posts: 20,425Questions: 26Answers: 4,794

  December 2021 Answer ✓

  Inside initComplete do something like this:

  $(".dataTables_info").appendTo("myPartners");
  

  Kevin
• sohelmugal Posts: 5Questions: 2Answers: 0

  December 2021 edited December 2021

  So this is what I did, and it worked.

  <tr><th colspan="10">PARTNERS                   
  <br><div id="infotop"><div></th>
  </tr>
  <script>
  $(document).ready(function() {
      $('#example').DataTable( {  
  $(".dataTables_info").appendTo("#infotop");
  

  Edited by Allan - Syntax highlighting. Details on how to highlight code using markdown can be found in this guide.