LIVE PREVIEWBUY FOR $29

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.

Responsive CSS3 Flexbox Tables - 1Newest Model: 11.06.2019 – v2.0. Check the changelog

quanticalabs support forum

Responsive CSS3 Flexbox Tables Core Options

Responsive CSS3 Flexbox Tables - 2

Responsive Structure

CSS3 Flexbox Tables are totally responsive and adapts completely for any cellular gadget.

Responsive CSS3 Flexbox Tables - 3

Column Filtering

The column filtering choice permits you to conceal chosen columns for simpler information comparability.

Responsive CSS3 Flexbox Tables - 4

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.

Responsive CSS3 Flexbox Tables - 5

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.

Responsive CSS3 Flexbox Tables - 6

Colour Schemes

You should utilize totally different shade schemes to get a unique look of the desk.

Responsive CSS3 Flexbox Tables - 7

Button / Hidden Row Broaden Button

Non-compulsory desk parts embody commonplace buttons and buttons that broaden/ collapse hidden desk rows.

Responsive CSS3 Flexbox Tables - 8

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.

Responsive CSS3 Flexbox Tables - 9

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.

Responsive CSS3 Flexbox Tables - 10

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.

Follow on EnvatoFollow on TwitterQuanticaLabs Support ForumQuanticalabs Website

Responsive CSS3 Flexbox Tables - 11

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


Source