IssueTable

Lista zgłoszeń projektu na wspólnej Table, z sortowaniem oraz stanami pustej listy, ładowania i błędu. Wybierz stack, domyślne, aby zamieniać wiersze w karty poniżej 36 rem, albo scroll, aby zachować siatkę we własnym przewijanym polu.

IssueTable

PodglądLink do sekcji Podgląd

Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.

Dzień, podgląd: IssueTable

Open issues
	Title	Type	Status		Assignee	Updated
SK-101	Search suggestions skip words with accented letters search backend	Bug	To do	Urgent	Ada Lovelace	2 hours ago
SK-102	Keyboard shortcut sheet for the editor frontend accessibility	Feature	In progress	High	Grace Hopper	yesterday
SK-103	Move the export queue to a background worker so large projects no longer time out while the archive is being built backend performance docs search frontend	Improvement	In review	Medium	Unassigned	2 days ago
SK-104	Write the getting started guide docs	Task	Done	Low	Alan Turing	last week
SK-106	Drop the legacy import format	Task	Won’t do	Low	Unassigned	last month
SK-105	Offline mode	Epic	Backlog	Lowest	Katherine Johnson	3 weeks ago

Due this week, scrolling in its own box
Key	Title	Status	Assignee	Due
SK-101	Search suggestions skip words with accented letters search backend	To do	Ada Lovelace	5 Nov Overdue
SK-102	Keyboard shortcut sheet for the editor frontend accessibility	In progress	Grace Hopper	20 Nov
SK-103	Move the export queue to a background worker so large projects no longer time out while the archive is being built backend performance docs search frontend	In review	Unassigned

Empty
Key	Title
No issues match these filters.

Loading
Key	Title
Loading issues

Error
Key	Title
Could not load issues. Try again.

Noc, podgląd: IssueTable

Open issues
	Title	Type	Status		Assignee	Updated
SK-101	Search suggestions skip words with accented letters search backend	Bug	To do	Urgent	Ada Lovelace	2 hours ago
SK-102	Keyboard shortcut sheet for the editor frontend accessibility	Feature	In progress	High	Grace Hopper	yesterday
SK-103	Move the export queue to a background worker so large projects no longer time out while the archive is being built backend performance docs search frontend	Improvement	In review	Medium	Unassigned	2 days ago
SK-104	Write the getting started guide docs	Task	Done	Low	Alan Turing	last week
SK-106	Drop the legacy import format	Task	Won’t do	Low	Unassigned	last month
SK-105	Offline mode	Epic	Backlog	Lowest	Katherine Johnson	3 weeks ago

Due this week, scrolling in its own box
Key	Title	Status	Assignee	Due
SK-101	Search suggestions skip words with accented letters search backend	To do	Ada Lovelace	5 Nov Overdue
SK-102	Keyboard shortcut sheet for the editor frontend accessibility	In progress	Grace Hopper	20 Nov
SK-103	Move the export queue to a background worker so large projects no longer time out while the archive is being built backend performance docs search frontend	In review	Unassigned

Empty
Key	Title
No issues match these filters.

Loading
Key	Title
Loading issues

Error
Key	Title
Could not load issues. Try again.

Wysoki kontrast, podgląd: IssueTable

Open issues
	Title	Type	Status		Assignee	Updated
SK-101	Search suggestions skip words with accented letters search backend	Bug	To do	Urgent	Ada Lovelace	2 hours ago
SK-102	Keyboard shortcut sheet for the editor frontend accessibility	Feature	In progress	High	Grace Hopper	yesterday
SK-103	Move the export queue to a background worker so large projects no longer time out while the archive is being built backend performance docs search frontend	Improvement	In review	Medium	Unassigned	2 days ago
SK-104	Write the getting started guide docs	Task	Done	Low	Alan Turing	last week
SK-106	Drop the legacy import format	Task	Won’t do	Low	Unassigned	last month
SK-105	Offline mode	Epic	Backlog	Lowest	Katherine Johnson	3 weeks ago

Due this week, scrolling in its own box
Key	Title	Status	Assignee	Due
SK-101	Search suggestions skip words with accented letters search backend	To do	Ada Lovelace	5 Nov Overdue
SK-102	Keyboard shortcut sheet for the editor frontend accessibility	In progress	Grace Hopper	20 Nov
SK-103	Move the export queue to a background worker so large projects no longer time out while the archive is being built backend performance docs search frontend	In review	Unassigned

Empty
Key	Title
No issues match these filters.

Loading
Key	Title
Loading issues

Error
Key	Title
Could not load issues. Try again.

UżycieLink do sekcji Użycie

tsx

import { IssueTable } from '@skribly/ui/tracker'

tsx

<IssueTable caption={t('issues.open')} issues={issues} headers={headers}
  labelsLabel={t('fields.labels')} unassignedLabel={t('issue.unassigned')}
  sort={sort} onSortChange={setSort} sortable={['key', 'priority']} />

Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.

DostępnośćLink do sekcji Dostępność

Natywna tabela z podpisem, nagłówkami kolumn i tytułem jako nagłówkiem wiersza.
Sortowalne nagłówki są przyciskami i mają aria-sort.
W układzie w stosie każda komórka zachowuje nazwę kolumny jako widoczną etykietę, a role tabeli zostają na miejscu.
Ładowanie jest statusem typu polite, błąd komunikatem typu assertive z ikoną.

Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.