Table

Renders interactive sortable, filterable tables in the browser by writing a zero-dependency HTML file and opening it via Chrome DevTools.

Workflow

1. Extract columns and rows — identify column names, value types (text, number, badge, rating, boolean, tag), and all row data from user context. See TEMPLATE.md for column type definitions.
2. Map column types — assign a type to each column: text, number, badge, rating, boolean, or tag. See TEMPLATE.md for rendering rules per type.
3. Choose a unique filename — use /tmp/table.html by default. If a file with that name already exists (check with Bash ls /tmp/table.html), use a descriptive slug instead (e.g. /tmp/genai-taxonomy.html, /tmp/db-comparison.html). Never silently overwrite an existing file with unrelated content.
4. Write the HTML file — write a complete self-contained file to the chosen path using the vanilla JS template. See TEMPLATE.md for the full template with sort and filter implementation.
5. Render in browser — follow _shared/chrome-devtools-render.md to open the HTML file, wait for render, screenshot, and fix-and-reload if needed. wait_for the text of the first column header. See TROUBLESHOOTING.md for table-specific fixes.

Self-review checklist

Before delivering, verify ALL: