SQL 结果表`SqlResultTable`

SQL 结果表按单元格类型优雅渲染布尔徽章、等宽数字、文本与 NULL 值，支持点击任意行展开跨列完整详情；可切换预设查询观察不同数据结构。

亲手试一试。

01 / LIVE PREVIEW

点击任意行展开跨列完整详情；布尔、数字、文本与 NULL 呈现差异化渲染。

yggdrasil=#SELECT id, title, slug, published, views, deleted_at FROM posts ORDER BY id DESC LIMIT 4;

SELECT4 行 · 12ms

	id	title	slug	published	views	deleted_at
▶	108	让想法生根	roots-of-thought	true	1280	NULL
id108 title让想法生根 slugroots-of-thought publishedtrue views1280 deleted_atNULL
▶	107	在时间的缝隙里种下文字	writing-in-time	true	856	NULL
▶	106	未命名草稿：微风与山岗	draft-whispering-wind	false	42	NULL
▶	105	已归档随笔：初春记事	archived-early-notes	false	310	2026-09-01 14:20

PostgreSQL 16.2 · UTF-8提示：点击左侧箭头或行内容展开 / 收起完整字段

STATES / 示例状态

多数据类型点击展开详情查询预设切换

本地演示，内容不会保存。

INTERACTIVE SPECIMEN · 跟随全站主题

02 / USAGE

下方展示组件的调用方式。

rsx! {
    SqlResultTable {
        result: sql_result,
    }
}

03 / PROPERTIES

属性 / 类型	默认值	说明
`props`SqlResultTableProps	由调用方提供	SQL 结果表的 props 参数，包含 result (SqlResult) 与可选的 initial_expanded。

YGGDRASIL · 每一个细节，都有回应。src/components/sql_result_table.rs