
Responsive CSS3 Flexbox Tables are really responsive CSS3 tables based mostly on flexbox mannequin with expandable/ collapsible rows, column filtering, tooltips, and textual content wrapping management. Light-weight (no javascript, no icons or graphics), simple to configure and handle, comprise many well-styled desk cell elements for varied purposes together with buttons, standing bars and examine/ cross icons.
With Responsive CSS3 Flexbox Tables, you’ll be able to construct any desk. You solely want a couple of columns and rows, no additional choices? Carried out! Or do it’s essential to put together a multicolumn desk with drop-down (expandable) rows? No downside! You’ll do every part by enhancing a single HTML file.
All of the functionalities offered within the dwell preview are an choice – you do not want to make use of the expandable rows, column filtering or text-wrap toggle – simply touch upon the suitable traces of code to create a desk suited to your wants. Whatever the variety of rows or columns – your desk will at all times show appropriately on units geared up with smaller screens.
Newest Model: 11.06.2019 – v2.0. Check the changelog
Responsive CSS3 Flexbox Tables Core Options
Responsive Structure
CSS3 Flexbox Tables are totally responsive and adapts completely for any cellular gadget.
Column Filtering
The column filtering choice permits you to conceal chosen columns for simpler information comparability.
Expandable/ Collapsible Rows
You may make any desk row expandable/ collapsible on a click on. Increasing the row reveals the hidden content material which might be based mostly on a single or multi-column format. Hidden content material may also be a nested desk.
Textual content Wrapping Toggle / Tooltips
The tables comes with textual content wrapping management button with skill to wrap desk textual content by default (not by the toggle). Desk Cell Tooltips is another choice. Use them each within the header and within the desk content material space.
Colour Schemes
You should utilize totally different shade schemes to get a unique look of the desk.
Button / Hidden Row Broaden Button
Non-compulsory desk parts embody commonplace buttons and buttons that broaden/ collapse hidden desk rows.
Standing Bar / Standing Label
The standing bar or standing label can be utilized to point out the progress of a course of, e.g. a reservation course of.
Examine and Cross Icon / Group Type
Extra icons with examine and cross symbols and element illustrating the sports activities type of the staff – good for league desk.
Prolonged Function Record
- Pure CSS3 Desk
- No Javascript
- Display Reader Compatibility
- Semantics Retained by ARIA
- Primarily based on Flexbox Mannequin
- Actually Responsive and Retina Prepared
- Expandable/ Collapsible Rows
- Accordion Mode (Expandable/ Collapsible Headlines)
- Potential to Show Single or Multi-column Structure in Expandable/ Collapsible Part
- Potential to Show Nested Desk in Expandable/ Collapsible Part
- Column Filtering for Simpler Information Comparability
- Desk Cell Tooltips
- Textual content Wrapping Toggle
- Potential to Wrap Desk Textual content by Default (Not by the Toggle)
- Potential to Conceal Textual content Wrapping and Column Filtering Buttons
- Potential to Broaden A number of Rows (Default Habits)
- Potential to Broaden Solely One Row at a Time
- 3 Colour Schemes
- 6 Pre-built Demo Tables
- Customized Desk Cell Parts:
- Button
- Hidden Row Broaden Button
- Examine/ Cross Icon
- Standing Bar
- Standing Label
- Tooltip
- Group Type (League Desk)
- Potential to Drive the Desk Column to be Wider or Narrower (Relying on the Kind of Information It Shops)
- Legitimate XHTML Code
- Crossbrowser Suitable
- Detailed Documentation
This Merchandise is Supported
Assist is carried out by our Support Forum. We’re in GMT +1 and we intention to reply all questions inside 24 hours in weekdays. In some circumstances the ready time might be prolonged to 48 hours. Assist requests despatched throughout weekends or public holidays can be processed on subsequent Monday or the subsequent enterprise day.
We Are Trusted by 100,000+ Clients
We’re a staff of passionate individuals with 15+ years of expertise and 10+ years of our presence on Envato Market. We focus on WordPress, design, and improvement. Please comply with us to remain updated as we proceed to craft our works.
This Product Has Been Featured On
Updates
11.06.2019 – v2.0
- Change the Title of the Merchandise to ‘Responsive CSS3 Flexbox Tables’
- Utterly Rebuilt HTML and CSS Code
- Elimination of Any JS Scripts – It’s Tremendous Light-weight Now
- The Complete Information Layer is Now in a Single HTML Doc
- A New, Trendy Look of the Tables in Line with Present Requirements
- 3 Colour Schemes
- 6 Pre-built Demo Tables
- Display Reader Compatibility Carried out
- Semantics Retained by ARIA
- Primarily based on Flexbox Mannequin
- New Choice to Wrap Textual content in a Desk
- Desk Cell Parts for Numerous Functions Carried out
- Desk Column Width Modifiers Carried out
- Assist for Columns in Expandable/ Collapsible Part
- Assist for Nested Desk in Expandable/ Collapsible Part
- Accordion Choice Carried out
- Subheaders Carried out
- Dropped Assist for IE8
28.06.2012 – v1.0
- First Launch