Table · grasscn

Semantic tables with painted Minecraft cell text.

Preview

Example source could not be loaded: table-example. Reload this page to retry.

Usage

Compose the native table parts and provide a Caption or accessible name. The example lists complete World and Players values with real column headers; it does not imply built-in selection or sorting.

Composition

Table creates a horizontal overflow wrapper and defaults to scale 2. Head defaults to scope col. Scalar Head, Cell and Caption children use MinecraftDisclosureText; rich children remain intact. maxTextWidth is logical and textAlign supports left or center.

Interaction and limits

Sorting, filtering and pagination belong to the Data Table recipe or your application. Keep captions and header relationships intact when composing controls in cells. Cell glyph references establish only their declared content and conditions, not a native whole-table widget.

See the upstream API for the underlying part and event contracts.

Installation

Loading registry address

Component source

This is the component implementation. Its supporting styles, helpers and resources are also required. See complete manual installation.

"use client";

import * as React from "react";

import { MinecraftDisclosureText } from "./minecraft-disclosure-text";
import {
  isMinecraftEmptyChild,
  isMinecraftTextScalar,
  minecraftClasses as cn,
  minecraftStyle,
} from "./minecraft-render";
import { minecraftSelectAssets } from "./minecraft-select-assets";

Interactive playground

Select a world to explore.
World	Players	Action
Grasslands	4
你好，世界	2
Deep Dark	1
3 saved worlds

Choose a world