tag:mediatags.de/codecanyon:/feeds/new-css-slash-miscellaneous-itemsCodecanyon new Miscellaneous items2026-10-09 05:35:39tag:codecanyon:Item/25812492012-06-28 13:41:082023-10-13 20:43:45Flexbox Tables (Miscellaneous) <h3 id="item-description__responsive-css3-flexbox-tables-are-truly-responsive-css3-tables-based-on-flexbox">Responsive CSS3 Flexbox Tables are truly responsive CSS3 tables based on flexbox model with expandable/ collapsible rows, column filtering, tooltips, and text wrapping control. Lightweight (no javascript, no icons or graphics), easy to configure and manage, contain many well-styled table cell components for various applications including buttons, status bars and check/ cross icons.</h3>
<p>With Responsive CSS3 Flexbox Tables, you can build any table. You only need a few columns and rows, no extra options? Done! Or do you need to prepare a multicolumn table with drop-down (expandable) rows? No problem! You will do everything by editing a single HTML file.</p>
<p>All the functionalities presented in the live preview are an option – you do not need to use the expandable rows, column filtering or text-wrap toggle – just comment on the appropriate lines of code to create a table suited to your needs. Regardless of the number of rows or columns – your table will always display correctly on devices equipped with smaller screens.</p>
<h4 id="item-description__latest-version-11-06-2019-v2-0-check-the-changelog"><img src="http://quanticalabs.com/Envato/Common/vh_01.png" alt="Responsive CSS3 Flexbox Tables - 1" />Latest Version: 11.06.2019 – v2.0. <a href="https://codecanyon.net/item/cost-calculator-for-wordpress/2581249#item-description__updates">Check the changelog</a></h4>
<p><a href="http://support.quanticalabs.com" rel="nofollow"><img src="http://quanticalabs.com/Envato/Common/item_tiles_01.png" alt="quanticalabs support forum" /></a></p>
<h3 id="item-description__responsive-css3-flexbox-tables-core-features">Responsive CSS3 Flexbox Tables Core Features</h3>
<p><img src="http://quanticalabs.com/Envato/Items/CSS3_Flexbox_Tables/css3_flexbox_tables_promo_01_02.png" alt="Responsive CSS3 Flexbox Tables - 2" />
</p><h4 id="item-description__responsive-layout">Responsive Layout</h4>
<p>CSS3 Flexbox Tables are fully responsive and adapts perfectly for any mobile device.</p>
<p><img src="http://quanticalabs.com/Envato/Items/CSS3_Flexbox_Tables/css3_flexbox_tables_promo_02_02.png" alt="Responsive CSS3 Flexbox Tables - 3" />
</p><h4 id="item-description__column-filtering">Column Filtering</h4>
<p>The column filtering option allows you to hide selected columns for easier data comparison.</p>
<p><img src="http://quanticalabs.com/Envato/Items/CSS3_Flexbox_Tables/css3_flexbox_tables_promo_03_02.png" alt="Responsive CSS3 Flexbox Tables - 4" />
</p><h4 id="item-description__expandable-collapsible-rows">Expandable/ Collapsible Rows</h4>
<p>You can make any table row expandable/ collapsible on a click. Expanding the row reveals the hidden content which can be based on a single or multi-column layout. Hidden content can also be a nested table.</p>
<p><img src="http://quanticalabs.com/Envato/Items/CSS3_Flexbox_Tables/css3_flexbox_tables_promo_04_02.png" alt="Responsive CSS3 Flexbox Tables - 5" />
</p><h4 id="item-description__text-wrapping-toggle-tooltips">Text Wrapping Toggle / Tooltips</h4>
<p>The tables comes with text wrapping control button with ability to wrap table text by default (not by the toggle). Table Cell Tooltips is another option. Use them both in the header and in the table content area.</p>
<p><img src="http://quanticalabs.com/Envato/Items/CSS3_Flexbox_Tables/css3_flexbox_tables_promo_05_02.png" alt="Responsive CSS3 Flexbox Tables - 6" />
</p><h4 id="item-description__color-schemes">Color Schemes</h4>
<p>You can use different color schemes to get a different look of the table.</p>
<p><img src="http://quanticalabs.com/Envato/Items/CSS3_Flexbox_Tables/css3_flexbox_tables_promo_06_02.png" alt="Responsive CSS3 Flexbox Tables - 7" />
</p><h4 id="item-description__button-hidden-row-expand-button">Button / Hidden Row Expand Button</h4>
<p>Optional table elements include standard buttons and buttons that expand/ collapse hidden table rows.</p>
<p><img src="http://quanticalabs.com/Envato/Items/CSS3_Flexbox_Tables/css3_flexbox_tables_promo_07_02.png" alt="Responsive CSS3 Flexbox Tables - 8" />
</p><h4 id="item-description__status-bar-status-label">Status Bar / Status Label</h4>
<p>The status bar or status label can be used to show the progress of a process, e.g. a reservation process.</p>
<p><img src="http://quanticalabs.com/Envato/Items/CSS3_Flexbox_Tables/css3_flexbox_tables_promo_08_02.png" alt="Responsive CSS3 Flexbox Tables - 9" />
</p><h4 id="item-description__check-and-cross-icon-team-form">Check and Cross Icon / Team Form</h4>
<p>Additional icons with check and cross symbols and component illustrating the sports form of the team – perfect for league table.</p>
<br />
<a href="https://codecanyon.net/cart/add_items?item_ids=2581249"><img src="http://quanticalabs.com/Envato/Items/CSS3_Flexbox_Tables/purchase.png" alt="Responsive CSS3 Flexbox Tables - 10" /></a>
<h3 id="item-description__features">Extended Feature List</h3>
<ul>
<li>Pure CSS3 Table</li>
<li>No Javascript</li>
<li>Screen Reader Compatibility</li>
<li>Semantics Retained by ARIA</li>
<li>Based on Flexbox Model</li>
<li>Truly Responsive and Retina Ready</li>
<li>Expandable/ Collapsible Rows</li>
<li>Accordion Mode (Expandable/ Collapsible Headlines)</li>
<li>Ability to Display Single or Multi-column Layout in Expandable/ Collapsible Section</li>
<li>Ability to Display Nested Table in Expandable/ Collapsible Section</li>
<li>Column Filtering for Easier Data Comparison</li>
<li>Table Cell Tooltips</li>
<li>Text Wrapping Toggle</li>
<li>Ability to Wrap Table Text by Default (Not by the Toggle)</li>
<li>Ability to Hide Text Wrapping and Column Filtering Buttons</li>
<li>Ability to Expand Multiple Rows (Default Behavior)</li>
<li>Ability to Expand Only One Row at a Time</li>
<li>3 Color Schemes</li>
<li>6 Pre-built Demo Tables</li>
<li>Custom Table Cell Components:
<ul>
<li>Button</li>
<li>Hidden Row Expand Button</li>
<li>Check/ Cross Icon</li>
<li>Status Bar</li>
<li>Status Label</li>
<li>Tooltip</li>
<li>Team Form (League Table)</li>
</ul>
</li>
<li>Ability to Force the Table Column to be Wider or Narrower (Depending on the Type of Data It Stores)</li>
<li>Valid XHTML Code</li>
<li>Crossbrowser Compatible</li>
<li>Detailed Documentation</li>
</ul>
<h3 id="item-description__this-item-is-supported">This Item is Supported</h3>
<p>Support is conducted through our <a href="http://support.quanticalabs.com/forum" rel="nofollow">Support Forum</a>. We’re in GMT +1 and we aim to answer all questions within 24 hours in weekdays. In some cases the waiting time can be extended to 48 hours. Support requests sent during weekends or public holidays will be processed on next Monday or the next business day.</p>
<h3 id="item-description__we-are-trusted-by-100-000-customers">We Are Trusted by 100,000+ Customers</h3>
<p>We are a team of passionate people with 15+ years of experience and 10+ years of our presence on Envato Market. We specialize in WordPress, design, and development. Please follow us to stay up to date as we continue to craft our works.</p>
<p><a href="https://themeforest.net/user/QuanticaLabs/follow"><img src="http://quanticalabs.com/Envato/Common/profile_intro_a_01.png" alt="Follow on Envato" /></a><a href="http://twitter.com/QuanticaLabs" rel="nofollow"><img src="http://quanticalabs.com/Envato/Common/profile_intro_b_01.png" alt="Follow on Twitter" /></a><a href="http://support.quanticalabs.com" rel="nofollow"><img src="http://quanticalabs.com/Envato/Common/profile_intro_c_01.png" alt="QuanticaLabs Support Forum" /></a><a href="http://quanticalabs.com" rel="nofollow"><img src="http://quanticalabs.com/Envato/Common/profile_intro_d_01.png" alt="Quanticalabs Website" /></a></p>
<h3 id="item-description__this-product-has-been-featured-on">This Product Has Been Featured On</h3>
<img src="http://quanticalabs.com/Envato/Items/Awards/envato_banner.png" alt="Responsive CSS3 Flexbox Tables - 11" />
<h3 id="item-description__updates">Updates</h3>
<strong>11.06.2019</strong> – v2.0
<ul>
<li>Change the Name of the Item to ‘Responsive CSS3 Flexbox Tables’</li>
<li>Completely Rebuilt HTML and CSS Code</li>
<li>Removal of Any JS Scripts – It’s Super Lightweight Now</li>
<li>The Whole Data Layer is Now in a Single HTML Document</li>
<li>A New, Modern Look of the Tables in Line with Current Standards</li>
<li>3 Color Schemes</li>
<li>6 Pre-built Demo Tables</li>
<li>Screen Reader Compatibility Implemented</li>
<li>Semantics Retained by ARIA</li>
<li>Based on Flexbox Model</li>
<li>New Option to Wrap Text in a Table</li>
<li>Table Cell Components for Various Applications Implemented</li>
<li>Table Column Width Modifiers Implemented</li>
<li>Support for Columns in Expandable/ Collapsible Section</li>
<li>Support for Nested Table in Expandable/ Collapsible Section</li>
<li>Accordion Option Implemented</li>
<li>Subheaders Implemented</li>
<li>Dropped Support for IE8</li>
</ul>
<strong>28.06.2012</strong> – v1.0
<ul>
<li>First Release</li>
</ul>QuanticaLabs