Tableau Kanban
Un tableau kanban avec glisser-déposer pour la gestion de projets et le suivi des tâches. Prend en charge plusieurs colonnes avec des en-têtes colorés, des cartes déplaçables avec étiquettes, assignés et dates d'échéance. Inclut le glisser-déposer entre colonnes, l'application de limites WIP, les badges de comptage de cartes et les colonnes repliables.
Aperçu et code
███
██████ █████ █████████
█████████
████████ █████ ██ ██████ ██████ ████ █████
█████████
█████████████████ ███████ ███ █████ ███ ██████ ████ █ ██████████
████████████ ███████ ██ ██████ ██████ ███████████████ █████████ ██████
██████ ██████████ ███ ███████
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ██████████ ███████
██████ ██████ █ █ ███████████████ ██████ █
█████████ █
████████████████ █ ████
█
████ ██████████ █████████████ ███ ███ ████████████████████ ██████████████ ███
██ ████████████ ██ ████████ ██
██ █████████ █ ███████████████ ██ ███████████████ ██
████ ██████████ █████████████████████████ ███
███████████████████ ███████████ ███
████████████████████████████
███ ██████ ██████ ██
████ ██████████ █████████████████████ ████
████ ███████████ ████████████ ███████
█ ██████████████████████ ████
█████ ████████████████████ █ ███████████████████
█████████████ █ █
██████ █████████████████████
█████ ████████████████████
██████ █████████████████████
███████ ██████████████████████
████ ███████████████████
███████ █████████████████████
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ██████████ ███████
██████ ██████ █ █ ███████████████ ██████ █
█████████ █
████████████████ █ ████
█
Journal des modifications
- v1.0.0: Initial release
- Cross-column drag and drop via HTML Drag & Drop API
- WIP limit enforcement with visual warning
- Card count badges per column
- Collapsible columns
- Color-coded column headers
- Card labels, assignees, and due dates
- Dispatches kanban:move and kanban:card-click events
Obtenir l'accès complet
Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.
Obtenir l'accès maintenant