{"repo":"MADEVAL/Oat-Table","free":true,"listed":false,"github":"https://github.com/MADEVAL/Oat-Table","clone":"git clone https://github.com/MADEVAL/Oat-Table.git","description":"Lightweight table extension for Oat UI. Sort, filter, and select rows.","language":"JavaScript","stars":41,"topics":["css","framework","js","oat-ui","table","ui-components","web-development"],"license":"MIT","category":"ui-components","readme_excerpt":"Oat Table Semantic table enhancement for Oat UI. Sort, filter, and select rows without turning tables into a framework widget. Oat Table is a small, zero-runtime-dependency extension for Oat. It keeps the native as the source of truth and adds progressive behavior around it: - sortable columns via th[data-sort] - client-side filtering via [data-table-filter] - row selection via native checkboxes - empty and status output helpers - Oat theme variables and component layers The table remains readable and usable without JavaScript. With JavaScript enabled, wires up keyboard-friendly sort buttons, ARIA sort state, filter state, selection state, and events. Install With npm: From a CDN: Basic Usage Sort Add data-sort to a header cell. Oat Table wraps the header content in a plain button and updates aria-sort on the active header. Supported sort types are text , number , date , and auto . Empty data-sort defaults to text . Use data-sort-value on a cell when the visible text is formatted: Filter Place an input with data-table-filter anywhere inside . Filtering matches the row text. Use data-filter-text on a row to provide a custom searchable string. Set a custom empty message on the wrapper: Select Rows Selection uses native checkboxes. This keeps forms and accessibility straightforward. Add an optional selected count output: The select-all checkbox affects visible rows only, which makes it work naturally with filtering. Attributes Attribute Element Description --------- ------- ----","default_branch":null,"files":null,"tree":[],"storefront":"/r/MADEVAL","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/MADEVAL/Oat-Table/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."}