Responsive hides colspaned footer

althaus commented 8 years ago

Hey,

I've stumbled upon an issue with our DataTables setup when activating responsiveness. We've got a table with x columns and a tfoot containing a single <td colspan="x">. So far so standard. Now we're using responsive with mode childRow and the detail toggle gets added through an additional column added to the end of the regular columns.

options.responsive = {
    details: {
        type: 'column',
        target: -1
    }
};

This setup now leads to the situation that the single cell in the footer gets hidden by the responsive mode, too. Is there a way to exlude the footer from that/any handling? It should just sit there with its colspan in all its glory.

It was working well before the 2.0 update.

Cheers Matthias

DataTables commented 8 years ago

Hi,

Unfortunately yes, Responsive 2.0 does not currently support colspan in the header or footer. This is because it no longer uses DataTables' own column visibility API to show / hide columns.

The plan is to reintroduce this feature for 2.1.

althaus commented 8 years ago

OK... thanks Allan for the clarification. I'm enforcing the visibility through CSS as a workaround for now.

AllanJard commented 9 months ago

colspan / rowspan and multi-row header and footers support was recently added and will ship in Responsive 3 alongside DataTables 2.

DataTables / Responsive

Responsive hides colspaned footer #59