559 字
3 分钟
页面浏览--访问次数--
响应式表格

Shirone 增强了 GitHub Flavored Markdown 标准表格的排版与交互体验,在构建期通过专门的渲染插件自动生成响应式滚动包裹层。

标准表格语法#

| 功能模块 | 对应状态 | 默认值 | 说明 |
| :--- | :---: | :---: | --- |
| 动态配色 | 稳定 | 315 | 默认粉紫色色相 |
| 无刷新切页 | 启用 | true | 基于 Swup 4 框架 |
| 零额外负担 | 严格遵循 | true | 页面关闭功能时零请求零体积 |

渲染效果:

功能模块对应状态默认值说明
动态配色稳定315默认粉紫色色相
无刷新切页启用true基于 Swup 4 框架
零额外负担严格遵循true页面关闭功能时零请求零体积

单元格内同样支持行内语法,例如 代码、加粗、链接 与 高亮:

属性名类型是否必填默认值
bvidstring必填无
titlestring必填无
pnumber可选1
preloadstring可选"none"

对齐方式#

  • :---:左对齐
  • :---::居中对齐
  • ---::右对齐
| 左对齐 | 居中 | 右对齐 |
| :--- | :---: | ---: |
| 文本 | 文本 | 文本 |
| 较长的左对齐内容 | 状态徽标 | 1,024 |

渲染效果:

左对齐居中右对齐
文本文本文本
较长的左对齐内容状态徽标1,024

左侧冒号决定整列的对齐规则,不书写冒号时默认沿用左对齐。

移动端响应式支持#

在窄屏或移动端设备上,当表格列数较多或内容超出屏幕宽度时:

  • 构建期插件自动为表格注入外层响应式容器与平滑滚动样式。
  • 绝不会发生撑破页面视口或导致水平全局溢出的情况。
  • 表头固定与交替斑马纹背景完全遵循 Material 3 Expressive 的表面容器设计规范。
场景推荐载体
参数与默认值对照表格
单个配置项的详细解释字段卡片组
操作顺序说明步骤引导
需要折叠的长清单折叠面板

第 6 篇,共 30 篇本文属于系列

响应式表格
https://www.ariels.xyz/posts/markdown-table/
作者
Ariel
发布于
2026-09-22
许可协议
CC BY-NC-ND 4.0

分享文章

生成精美分享图或复制链接,与更多人分享本文。

继续阅读

沿着主题读

基于共同的标签与分类

换条路线

从其他文章中稳定抽取

评论

正在加载评论...