https://github.com/flatbread-dataframes/flatbread-wc-table-display
Web component for creating simple (multi-indexed) table from json
https://github.com/flatbread-dataframes/flatbread-wc-table-display
custom-elements data-tables data-visualization hierarchical-tables multi-level-tables no-dependencies vanilla-javascript web-components
Last synced: 2 months ago
JSON representation
Web component for creating simple (multi-indexed) table from json
- Host: GitHub
- URL: https://github.com/flatbread-dataframes/flatbread-wc-table-display
- Owner: flatbread-dataframes
- License: gpl-3.0
- Created: 2024-10-02T18:13:51.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-09-26T21:25:40.000Z (9 months ago)
- Last Synced: 2026-01-28T05:23:56.276Z (5 months ago)
- Topics: custom-elements, data-tables, data-visualization, hierarchical-tables, multi-level-tables, no-dependencies, vanilla-javascript, web-components
- Language: JavaScript
- Homepage: https://flatbread-dataframes.github.io/flatbread-wc-table-display/
- Size: 363 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# flatbread-table
A lightweight vanilla JavaScript web component for displaying structured table data with support for multi-level headers, sections, and formatters.
[Live Demo](https://flatbread-dataframes.github.io/flatbread-wc-table-display/)
## Features
- Zero dependencies
- Multi-level column/row headers
- Section headers from index levels
- Data type-based formatting
- Customizable styling through attributes and CSS
- Responsive to data changes
- Event handling for cell interactions
## Installation
```html
```
## Basic Usage
```html
```
## Example Output
### Simple table

### Multi-level headers

### Section headers