Files
aria-grid-demo/README.md
T

1.5 KiB

aria-grid-demo

Live examples of @jambotron/aria-grid — an Angular data grid on Angular Aria. Three examples and a theme switch:

  1. Columns, sorting, paging — cell templates, a column without sorting, filter and the empty state.
  2. 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".
  3. 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