How to use rowspan and colspan in tbody using datatable.js?

by

You can hack around the lack of colspan support by adding an “invisible” cell for every cell that’s eliminated:

<tr>
 <td colspan="3">Wide column</td>
 <td style="display: none;"></td>
 <td style="display: none;"></td>
</tr>
<tr>
 <td>Normal column</td>
 <td>Normal column</td>
 <td>Normal column</td>
</tr>

DataTables doesn’t complain, the table renders normally and sorting works (invisible columns sort as the empty string).

I haven’t tried this with rowspan.

More Related Contents:

  1. How to reload/refresh jQuery dataTable?
  2. TypeError: $(…).DataTable is not a function
  3. JQuery Datatables search within input and select
  4. jQuery DataTables server-side processing using ASP.NET WebForms
  5. jquery datatables hide column
  6. DataTables row.add to specific index
  7. Disable sorting for a particular column in jQuery DataTables
  8. How do I add button on each row in datatable?
  9. jQuery plugin DataTables: How to highlight the current search text?
  10. How to implement hierarchical multilevel datatable in javaScript?
  11. Datatables TypeError: c is undefined
  12. How to add Rowspan in JQuery datatables
  13. How to submit checkboxes from all pages with jQuery DataTables
  14. JQuery Datatables : Cannot read property ‘aDataSort’ of undefined
  15. How to dectect objects' overlaping situations in javascirpt? [closed]
  16. Turning live() into on() in jQuery
  17. How to search JSON tree with jQuery
  18. How to make a simple image upload using Javascript/HTML
  19. Differences between contentType and dataType in jQuery ajax function
  20. How to replace url parameter with javascript/jquery?
  21. Fast way to get the min/max values among properties of object
  22. Getting the User Agent with JavaScript
  23. How to prevent form element from sending some fields we don’t want?
  24. Get the offset position of the caret in a textarea in pixels [duplicate]
  25. jQuery keyboard events
  26. Prevent iOS bounce without disabling scroll ability
  27. Javascript – Leading zero to a number converting the number to some different number. not getting why this happening?
  28. How to select all textareas and textboxes using jQuery?
  29. Prevent a link to reload page
  30. Do duplicate ID values screw up jQuery selectors?

Leave a Comment