Kibo UI
Grid

Table

Table views are used to display data in a tabular format. They are useful for displaying large amounts of data in a structured way.

Alice Johnson
AI Scene Analysis
Video Editor ProCore AI Features
Nov 1, 2024May 26, 2025v1.0
Bob Smith
Collaborative Editing
Video Editor ProCollaboration Tools
Dec 1, 2024May 26, 2025v1.0
Charlie Brown
AI-Powered Color Grading
Video Editor ProCore AI Features
Jan 1, 2025May 26, 2025v1.1
Diana Prince
Real-time Video Chat
Video Editor ProCollaboration Tools
Feb 1, 2025May 19, 2025v1.1
Ethan Hunt
AI Voice-to-Text Subtitles
Video Editor ProCore AI Features
Mar 1, 2025May 26, 2025v1.1
Fiona Gallagher
Cloud Asset Management
Video Editor ProCloud Infrastructure
Apr 1, 2025May 31, 2025v1.2
George Lucas
AI-Assisted Video Transitions
Video Editor ProCore AI Features
May 1, 2025Jun 30, 2025v1.2
Hannah Montana
Version Control System
Video Editor ProCollaboration Tools
Jun 1, 2025Jul 31, 2025v1.2
Ian Malcolm
AI Content-Aware Fill
Video Editor ProCore AI Features
Jul 1, 2025Aug 31, 2025v1.3
Julia Roberts
Multi-User Permissions
Video Editor ProCollaboration Tools
Aug 1, 2025Sep 30, 2025v1.3
Kevin Hart
AI-Powered Audio Enhancement
Video Editor ProCore AI Features
Sep 1, 2025Oct 31, 2025v1.3
Lara Croft
Real-time Project Analytics
Video Editor ProCloud Infrastructure
Oct 1, 2025Nov 30, 2025v1.4
Michael Scott
AI Scene Recommendations
Video Editor ProCore AI Features
Nov 1, 2025Dec 31, 2025v1.4
Natalie Portman
Collaborative Storyboarding
Video Editor ProCollaboration Tools
Dec 1, 2025Jan 31, 2026v1.4
Oscar Isaac
AI-Driven Video Compression
Video Editor ProCore AI Features
Jan 1, 2026Feb 28, 2026v1.5
Penelope Cruz
Global CDN Integration
Video Editor ProCloud Infrastructure
Feb 1, 2026Mar 31, 2026v1.5
Quentin Tarantino
AI Object Tracking
Video Editor ProCore AI Features
Mar 1, 2026Apr 30, 2026v1.5
Rachel Green
Real-time Language Translation
Video Editor ProCollaboration Tools
Apr 1, 2026May 31, 2026v1.6
Samuel L. Jackson
AI-Powered Video Summarization
Video Editor ProCore AI Features
May 1, 2026Jun 30, 2026v1.6
Tom Hanks
Blockchain-based Asset Licensing
Video Editor ProCloud Infrastructure
Jun 1, 2026Jul 31, 2026v1.6

Installation

npx kibo-ui@latest add table

Features

  • Customizable columns
  • Sortable columns

Examples

Simple version

AI Scene AnalysisPlannedVideo Editor ProNov 1, 2024May 26, 2025v1.0
Collaborative EditingIn ProgressVideo Editor ProDec 1, 2024May 26, 2025v1.0
AI-Powered Color GradingDoneVideo Editor ProJan 1, 2025May 26, 2025v1.1
Real-time Video ChatPlannedVideo Editor ProFeb 1, 2025May 19, 2025v1.1
AI Voice-to-Text SubtitlesIn ProgressVideo Editor ProMar 1, 2025May 26, 2025v1.1
Cloud Asset ManagementDoneVideo Editor ProApr 1, 2025May 31, 2025v1.2
AI-Assisted Video TransitionsPlannedVideo Editor ProMay 1, 2025Jun 30, 2025v1.2
Version Control SystemIn ProgressVideo Editor ProJun 1, 2025Jul 31, 2025v1.2
AI Content-Aware FillDoneVideo Editor ProJul 1, 2025Aug 31, 2025v1.3
Multi-User PermissionsPlannedVideo Editor ProAug 1, 2025Sep 30, 2025v1.3
AI-Powered Audio EnhancementIn ProgressVideo Editor ProSep 1, 2025Oct 31, 2025v1.3
Real-time Project AnalyticsDoneVideo Editor ProOct 1, 2025Nov 30, 2025v1.4
AI Scene RecommendationsPlannedVideo Editor ProNov 1, 2025Dec 31, 2025v1.4
Collaborative StoryboardingIn ProgressVideo Editor ProDec 1, 2025Jan 31, 2026v1.4
AI-Driven Video CompressionDoneVideo Editor ProJan 1, 2026Feb 28, 2026v1.5
Global CDN IntegrationPlannedVideo Editor ProFeb 1, 2026Mar 31, 2026v1.5
AI Object TrackingIn ProgressVideo Editor ProMar 1, 2026Apr 30, 2026v1.5
Real-time Language TranslationDoneVideo Editor ProApr 1, 2026May 31, 2026v1.6
AI-Powered Video SummarizationPlannedVideo Editor ProMay 1, 2026Jun 30, 2026v1.6
Blockchain-based Asset LicensingIn ProgressVideo Editor ProJun 1, 2026Jul 31, 2026v1.6

Props

The Table component is made up of the following subcomponents:

TableProvider

The TableProvider component is the root component of the Table. It contains the context for the other components.

PropTypeDefault
className?
string
-
children
ReactNode
-
data
TData[]
-
columns
ColumnDef<TData, TValue>[]
-

TableHeader

The TableHeader component is a container for the column headers of the Table.

PropTypeDefault
children
(props: { headerGroup: HeaderGroup<unknown>; }) => ReactNode
-
className?
string
-

TableHeaderGroup

The TableHeaderGroup component is a container for the column headers of the Table.

PropTypeDefault
children
(props: { header: Header<unknown, unknown>; }) => ReactNode
-
headerGroup
HeaderGroup<unknown>
-

TableHead

The TableHead component is a single column header in the Table.

PropTypeDefault
className?
string
-
header
Header<unknown, unknown>
-

TableBody

The TableBody component is a container for the rows of the Table.

PropTypeDefault
className?
string
-
children
(props: { row: Row<unknown>; }) => ReactNode
-

TableRow

The TableRow component is a single row in the Table.

PropTypeDefault
className?
string
-
children
(props: { cell: Cell<unknown, unknown>; }) => ReactNode
-
row
Row<unknown>
-

TableCell

The TableCell component is a single cell in the Table.

PropTypeDefault
className?
string
-
cell
Cell<unknown, unknown>
-

On this page