Answers

• Bindrid2 Posts: 79Questions: 4Answers: 12

  July 2018

  you may have a timing issue where you are trying to append to the div before its done being created.

  Use preInit event handler to ensure its there before you append the html. It would look like

  $(document).ready( function () {
    $(document).on( 'preInit.dt', function (e, settings) {
      
          $(".upperCardHtml").html("Hello");
          $(".lowerCardHtml").html("Goodbye");
    });
    
  $('#example').DataTable({
          "dom": '<"upperCardHtml">t<"lowerCardHtml">p',
      } );
  } );
  
  
  

  as seen here: http://live.datatables.net/menokuja/1/edit
• oSIRus Posts: 5Questions: 2Answers: 0

  July 2018

  Thanks for the reply, but i get exactly the same results using the preInit event handler.
• oSIRus Posts: 5Questions: 2Answers: 0

  July 2018

  Ok, now I did it different, it looks ok now with this code:

  $('#searchResultsTable').DataTable({
              "dom": 'tp',
              "pageLength": 2,
  } );
  
  $("#searchResultsTable_paginate").css("display", "none");
  $("#pagination").append($("#searchResultsTable_paginate").html());
  

  Pagination is the div where I want my pagination to be displayed.

  BUT:
  Pagination shows in my pagination div but clicking on page 2 for example doesn't do anything. The pagination just doesn't react.
• bindrid Posts: 730Questions: 0Answers: 119

  July 2018 Answer ✓

  That is because you are copying the html but not the event handlers that go with it.
  Try something like

  $("#searchResultsTable_paginate").appendTo("#pagination");
• oSIRus Posts: 5Questions: 2Answers: 0

  July 2018

  It's working! Thank you very much!