Collapsible headers; In a table? And style it like a regular header?
First question is about the concept of 'groups' in a table, with some form of collapsibility with them?
JSFiddle example -
http://jsfiddle.net/xh7xeoth/1/
What I'd love to happen is the two "wanted collapsible" rows to become collapsible headers, and show and hide all the rows below them until the next collapsible, or the end of the table. I'd be happy with either option, a TD with full colspan, like a regular header, or a TD with all the rowspan it's covering on the left. Is that currently possible with JQuery Mobile?
Second question is the ability to change the appearance of a collapsible header, basically adding another icon, which does something else?
JSFiddle -
http://jsfiddle.net/LyLbehhg/2/
I'd really like to be able to style my collapsible header how the first standard header is styled, with the normal expand icon on the left, the header then another icon on the right that does another action.
Any way to achieve that currently?