Skip to content
This repository has been archived by the owner on Apr 4, 2022. It is now read-only.

Missing table footer (<tfoot>) definitions #135

Closed
lemmingz opened this issue Jun 29, 2018 · 4 comments
Closed

Missing table footer (<tfoot>) definitions #135

lemmingz opened this issue Jun 29, 2018 · 4 comments

Comments

@lemmingz
Copy link

  • Framework Version: 3.0.0
  • Flavor used: Nord
  • Code to reproduce: https://codepen.io/anon/pen/OEraXG
  • Bug description: The definitions for the table footer is missing. Due to the flex display the footers content appears unstyled beneath the table header (because tfoot has to be defined before tbody).
@Chalarangelo
Copy link
Owner

The notes for the Table element clearly state <tfoot> is not supported due to the way tables are styled with Flexbox. This is an issue that is not going to be addressed as it is (as far as I can tell) impossible to make this work anyways, due to the fact that <tfoot> elements come before the <tbody> element.

@lemmingz
Copy link
Author

Thanks for your hint.

Well, I think it is not impossible to handle the tfoot.
Initially I did a little test with flex order: https://codepen.io/anon/pen/qKgZbO and it doesn't look that bad.

@Chalarangelo
Copy link
Owner

This seems interesting, I'll give it a shot and report back with my results.

@Chalarangelo
Copy link
Owner

The main issue with tfoot is that it breaks the .horizontal table variant. I will add a note for this fix for the normal tables, as it's a one-liner for people who need it.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants