seen from United States
seen from United States
seen from Australia
seen from United States
seen from Germany
seen from China
seen from China
seen from Germany
seen from China
seen from Finland
seen from Ukraine
seen from United States
seen from United States
seen from China
seen from Netherlands
seen from Australia
seen from United States
seen from China
seen from China
seen from China
Responsive Sortable Table for HTML Websites
Now smartphones are in everyone’s hand. People watch website both from Laptop and Mobile. So, when a web developer creates Table, he or she
People watch website both from Laptop and Mobile. So, when a web developer creates Table, he or she should make it as responsive. Sometimes it is important to set different color for odd and even row that reader can read the table easily. This Code can make your Table Header sortable too.
Make HTML Table Responsive Across All Devices - jQuery table-shrinker
table-shrinker is a jQuery based responsive table solution which makes wide/large HTML tables fully responsive across all devices/platforms.
Demo
Download
Make Bootstrap 5 Tables More Readable On Mobile Devices - AvalynxTable.js
AvalynxTable is a tiny JavaScript library that makes Bootstrap 5 HTML tables look good and function well on mobile devices. You know how tables can get all squished and hard to read on smaller screens? This Bootstrap 5 extension fixes that by automatically stacking rows and columns when the table reaches a certain breakpoint. This makes it much easier to view and interact with table data on…
View On WordPress
Tiny Responsive Table Web Component - table-saw
table-saw is a lightweight responsive table Web Component that smoothly transitions table rows and columns into a more readable stacked two-column layout on smaller viewports. How to use it: 1. Download and import the table-saw as a web component. <script type="module" src="table-saw.js"></script> 2. Wrap your table element into the table-saw component and specify the breakpoint (default:…
View On WordPress
Responsive Table For Bootstrap 5 Framework
Responsive Table For Bootstrap 5 Framework
Bootstrap 5 is an immensely popular web framework for designing responsive, mobile-friendly applications and websites. But writing for multiple devices comes with challenges. Although Bootstrap includes some CSS components with table-related features, an extension can be useful to save time when you need to create responsive tables, especially those with mixed data types or tabular elements…
View On WordPress
Add Scroll Shadows To Wide HTML Tables - TableScrollShadow
Add Scroll Shadows To Wide HTML Tables – TableScrollShadow
A tiny JavaScript responsive table library that adds a scrollbar under the table when the content overflows its container and applies inset shadows to both sides that tell the visitor there are more table columns to scroll. How to use it: 1. Load the stylesheet table-scroll-shadow.min.css and JavaScript table-scroll-shadow.min.js in the document. <link rel="stylesheet"…
View On WordPress
Collapse Overflowing Table Columns Into A Dropdown - Podtablejs
Collapse Overflowing Table Columns Into A Dropdown – Podtablejs
Podtablejs is a brand new responsive table solution that automatically collapses overflowing table columns into a dropdown when there is no enough space. How to use it: 1. Install and import the Podtablejs as an ES module. # NPM $ npm i podtable --save import { Podtable } from ‘podtable’; 2. Or download the package and include the podtable.js on the page. <script…
View On WordPress
Convert HTML Table To Card View On Mobile Using JavaScript
Convert HTML Table To Card View On Mobile Using JavaScript
A plain JavaScript responsive table solution that transforms HTML tables into user-friendly card view on mobile (screen size is less than 426px). Compatible with the latest Bootstrap framework. How to use it: 1. Insert the JavaScript konvert-table-to-card.min.js into the document. <script src="konvert-table-to-card.min.js"></script> 2. Initialize the plugin on the HTML table and done. <table…
View On WordPress
