Package org.patternfly.component.table

package org.patternfly.component.table
Provides table components for displaying structured data in rows and columns.

This package contains a composable table implementation with support for captions, header rows, body rows, selection (single and multi), compact and borderless variants, tree tables, and wrapping options. Tables are built using standard HTML table semantics (thead, tbody, tr, th, td).

Key Classes

  • Table - Main table component
  • Thead - Table header section
  • Tbody - Table body section
  • Tr - Table row
  • Th - Table header cell
  • Td - Table data cell
  • TableCaption - Table caption
  • TableText - Wrapped/truncated cell text

Usage

Create a basic table with a caption, header row, and data rows: 

import static org.patternfly.component.table.Table.table;
import static org.patternfly.component.table.TableCaption.tableCaption;
import static org.patternfly.component.table.Tbody.tbody;
import static org.patternfly.component.table.Td.td;
import static org.patternfly.component.table.Th.th;
import static org.patternfly.component.table.Thead.thead;
import static org.patternfly.component.table.Tr.tr;

Table table = table()
        .addCaption(tableCaption().text("Repositories"))
        .addHead(thead()
                .addRow(tr("head")
                        .addItem(th("name").text("Name"))
                        .addItem(th("branches").text("Branches"))
                        .addItem(th("prs").text("Pull requests"))))
        .addBody(tbody()
                .addRow(tr("row-0")
                        .addItem(td("Name").text("Repository 1"))
                        .addItem(td("Branches").text("10"))
                        .addItem(td("Pull requests").text("25"))));

Create a compact table without borders: 

import static org.patternfly.component.table.Table.table;

Table compact = table().compact(true).noBorders(true);
See Also: