bloomBUILD•SHIP•BLOOM
Data Display & AITable & Data Table
.md

Table & Data Table

BloomTable

A responsive data table container with 40px headers, cell alignment, and sortable columns.

bloom ui add table
package: bloom_ui
bloom-uiBloomTable
RouteMethodLatencyStatus
/api/v1/feedGET12ms200 OK
/api/v1/authPOST28ms201 Created

Usage

BloomTable.dart
dart
BloomTable(
  rows: [
    TableRow(
      children: const [
        BloomTableHead(child: Text('Invoice')),
        BloomTableHead(child: Text('Status')),
        BloomTableHead(child: Text('Amount')),
      ],
    ),
    TableRow(
      children: const [
        BloomTableCell(child: Text('INV001')),
        BloomTableCell(child: Text('Paid')),
        BloomTableCell(child: Text('$250.00')),
      ],
    ),
  ],
)
Previous Component
Kbd
Next Component
Sidebar