DataTables – Not working when added colspan for the last column

by

Instead of using complex header example you can add hidden column to the end of tr, it’s hacky but simpler and shorter in my opinion:

<thead>
  <tr>    
    <th>&nbsp;</th> <!-- column 1 -->
    <th colspan="2">&nbsp;</th> <!-- column 2&3 -->
    <th colspan="2">&nbsp;</th> <!-- column 4&5 -->

    <!-- hidden column 6 for proper DataTable applying -->
    <th style="display: none"></th> 
  </tr>
</thead>

<tbody>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>

    <!-- hidden column 6 for proper DataTable applying -->
    <td style="display: none"></td>
  </tr>
</tbody>

More Related Contents:

  1. How can I remove the search bar and footer added by the jQuery DataTables plugin?
  2. Datatables warning(table id = ‘example’): cannot reinitialise data table
  3. Can I open a dropdownlist using jQuery
  4. iframe to Only Show a Certain Part of the Page
  5. How to force a html5 form validation without submitting it via jQuery
  6. Play/pause HTML 5 video using JQuery
  7. How to set data attributes in HTML elements
  8. How to automatically change the text size inside a div?
  9. jquery IE Fadein and Fadeout Opacity
  10. jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
  11. Activate CSS3 animation when the content scrolls into view
  12. Jquery datepicker restrict dates in second date field based on selected date in first date field
  13. Jquery click event not working after append method
  14. current/duration time of html5 video?
  15. How to bind to localStorage change event using jQuery for all browsers?
  16. Selecting only first-level elements in jquery
  17. get html of external url in jquery
  18. How to make Bootstrap carousel slider use mobile left/right swipe
  19. What’s the difference between class and id in jQuery?
  20. Google Map v3 auto refresh Markers only
  21. Display XML content in HTML page
  22. Run JQuery in the context of another frame
  23. HTML5 textarea placeholder not appearing
  24. is it possible to have html inside of a jqgrid treegrid cell
  25. jquery can’t get data attribute value
  26. Animate counter when in viewport
  27. How to make datatable row or cell clickable?
  28. Jquery addclass/removeclass on click
  29. jQuery is adding a strange attribute to nodes
  30. What happens when no response is received for a request? I’m seeing retries

Leave a Comment