master
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
aria-grid-demo: live examples of @jambotron/aria-grid with Jambotron light/dark and Synthwave themes
aria-grid-demo: live examples of @jambotron/aria-grid with Jambotron light/dark and Synthwave themes
aria-grid-demo: live examples of @jambotron/aria-grid with Jambotron light/dark and Synthwave themes
aria-grid-demo: live examples of @jambotron/aria-grid with Jambotron light/dark and Synthwave themes
aria-grid-demo: live examples of @jambotron/aria-grid with Jambotron light/dark and Synthwave themes
aria-grid-demo: live examples of @jambotron/aria-grid with Jambotron light/dark and Synthwave themes
aria-grid-demo: live examples of @jambotron/aria-grid with Jambotron light/dark and Synthwave themes
aria-grid-demo: live examples of @jambotron/aria-grid with Jambotron light/dark and Synthwave themes
aria-grid-demo: live examples of @jambotron/aria-grid with Jambotron light/dark and Synthwave themes
aria-grid-demo: live examples of @jambotron/aria-grid with Jambotron light/dark and Synthwave themes
aria-grid-demo: live examples of @jambotron/aria-grid with Jambotron light/dark and Synthwave themes
aria-grid-demo: live examples of @jambotron/aria-grid with Jambotron light/dark and Synthwave themes
aria-grid-demo: live examples of @jambotron/aria-grid with Jambotron light/dark and Synthwave themes
aria-grid-demo: live examples of @jambotron/aria-grid with Jambotron light/dark and Synthwave themes
aria-grid-demo: live examples of @jambotron/aria-grid with Jambotron light/dark and Synthwave themes
aria-grid-demo
Live examples of @jambotron/aria-grid —
an Angular data grid on Angular Aria. Three examples and a theme switch:
- Columns, sorting, paging — cell templates, a column without sorting, filter and the empty state.
- Selection and bulk actions —
JtGridBulkService: an action without confirmation, with a required reason, with a dangerous confirmation; "locked" rows fail on purpose to show "done N, failed M". - Row actions and highlight — icons in the row, the "⋮" menu, dangerous and disabled actions, the open row highlighted.
Themes: Jambotron light, Jambotron dark (the tokens of jambotron.com) and Synthwave (the colors of
reactive-mail-server's web mail). A theme is one attribute — <html data-theme="…">; everything is in src/styles.scss.
The grid language switch (English / Russian) shows provideJtGridLabels().
Run
npm ci # @jambotron scope comes from the Gitea npm registry (.npmrc), no token needed
npx ng serve # http://localhost:4200
Deploy on Jambotron
Upload the repository (ZIP) as a project, pick docker-compose.yml in the deploy wizard, give the web service a domain,
port 80. The image builds the app (node:22-bookworm-slim) and serves it with nginx (nginx:1.27, Debian);
any unknown path falls back to index.html.
docker compose up -d --build
Description
Live examples of @jambotron/aria-grid: sorting, paging, selection, bulk and row actions, Jambotron light/dark and Synthwave themes
144 KiB
Languages
TypeScript
60.7%
SCSS
28.7%
HTML
9%
Dockerfile
1.6%