{"repo":"zachleat/table-saw","free":true,"listed":false,"github":"https://github.com/zachleat/table-saw","clone":"git clone https://github.com/zachleat/table-saw.git","description":"A small web component for responsive <table> elements.","language":"HTML","stars":337,"topics":["web-components"],"license":"MIT","category":"ui-components","readme_excerpt":"table-saw A small structural-only zero-dependency Web Component for responsive elements. Heavily inspired by Filament Group’s Tablesaw Stack jQuery plugin. Demo Examples Use breakpoint attribute to set the breakpoint (default: (max-width: 39.9375em) ). Use type=\"container\" attribute to use container queries instead of viewport-based media queries (default: type=\"media\" ). Use ratio attribute to override the small viewport column ratio (default: 1/2 ). Use zero-padding attribute to remove small viewport padding on table cells. Use text-align attribute to force column text alignment at small viewport. Installation You have a few options (choose one of these): 1. Install via npm: npm install @zachleat/table-saw 1. Download the source manually from GitHub into your project. 1. Skip this step and use the script directly via a 3rd party CDN (not recommended for production use) Usage Make sure you include the in your project (choose one of these): Features Supports one or many child elements. Works with viewport media queries or container queries. Uses CSS grid for small viewport alignment. Falls back to regular table before or without JavaScript. Cuts the mustard on CSSStyleSheet.prototype.replaceSync","default_branch":null,"files":null,"tree":[],"storefront":"/r/zachleat","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/zachleat/table-saw/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}