Grav-表格介绍

Grav 是一个基于文件的内容管理系统，采用了 Markdown 和 Twig 模板引擎。在 Grav 中，您可以使用简单的 Markdown 格式编写文章，并使用 Twig 构建高度个性化的主题。

在 Grav 中，您可以使用 Markdown 语法创建表格，并使用 Shortcode Core 插件 添加更丰富的表格样式和功能。

创建表格

要在 Grav 中创建表格，您可以使用标准的 Markdown 语法：

| 列标题 1 | 列标题 2 | 列标题 3 |
| ------- | ------- | ------- |
| 行 1，列 1 | 行 1，列 2 | 行 1，列 3 |
| 行 2，列 1 | 行 2，列 2 | 行 2，列 3 |
| 行 3，列 1 | 行 3，列 2 | 行 3，列 3 |

此代码将创建一个包含 3 列和 3 行的简单表格。您可以使用 - 字符定义列与列之间的分隔线，使用 | 字符定义列的边界。每行必须具有与列数相同的列数，否则表格将无法正确渲染。

添加样式和功能

Grav 的 Shortcode Core 插件允许您使用丰富的选项和功能扩展表格。以下是可用的选项和功能：

基本样式

使用以下 Shortcode 将表格包装在一个基本样式中：

[shortcode_table]
| 列标题 1 | 列标题 2 | 列标题 3 |
| ------- | ------- | ------- |
| 行 1，列 1 | 行 1，列 2 | 行 1，列 3 |
| 行 2，列 1 | 行 2，列 2 | 行 2，列 3 |
| 行 3，列 1 | 行 3，列 2 | 行 3，列 3 |
[/shortcode_table]

悬停样式

使用以下 Shortcode 将表格包装在悬停样式中：

[shortcode_table_hover]
| 列标题 1 | 列标题 2 | 列标题 3 |
| ------- | ------- | ------- |
| 行 1，列 1 | 行 1，列 2 | 行 1，列 3 |
| 行 2，列 1 | 行 2，列 2 | 行 2，列 3 |
| 行 3，列 1 | 行 3，列 2 | 行 3，列 3 |
[/shortcode_table_hover]

框架样式

使用以下 Shortcode 将表格包装在框架样式中：

[shortcode_table_border]
| 列标题 1 | 列标题 2 | 列标题 3 |
| ------- | ------- | ------- |
| 行 1，列 1 | 行 1，列 2 | 行 1，列 3 |
| 行 2，列 1 | 行 2，列 2 | 行 2，列 3 |
| 行 3，列 1 | 行 3，列 2 | 行 3，列 3 |
[/shortcode_table_border]

斑马样式

使用以下 Shortcode 将表格包装在斑马样式中：

[shortcode_table_striped]
| 列标题 1 | 列标题 2 | 列标题 3 |
| ------- | ------- | ------- |
| 行 1，列 1 | 行 1，列 2 | 行 1，列 3 |
| 行 2，列 1 | 行 2，列 2 | 行 2，列 3 |
| 行 3，列 1 | 行 3，列 2 | 行 3，列 3 |
[/shortcode_table_striped]

排序功能

您可以使用少量代码将表格转换为可排序的表格：

[shortcode_table class="tablesorter"]
| 姓名 | 年龄 | 邮箱 |
| --- | --- | --- |
| 张三 | 25 | zhangsan@example.com |
| 李四 | 30 | lisi@example.com |
| 王五 | 20 | wangwu@example.com |
[/shortcode_table]

此代码将使用 TableSorter 插件 添加排序功能。

数据表格功能

Grav 还提供了一个 Data Table 插件，该插件可将表格转换为高度定制的数据表格。要使用数据表格功能，您应该按照以下步骤操作：

1. 安装 Data Tables 插件；
2. 在 user/config/plugins.yaml 文件中启用插件；
3. 在表格代码的开头或结尾添加 [datatable] shortcode。

例如，以下代码将创建一个包含数据表格功能的表格：

[shortcode_table]
| 姓名 | 年龄 | 邮箱 |
| --- | --- | --- |
| 张三 | 25 | zhangsan@example.com |
| 李四 | 30 | lisi@example.com |
| 王五 | 20 | wangwu@example.com |
[/shortcode_table]

[datatable]

结论

Grav 的 Markdown 和 Shortcode Core 插件提供了一种更好的方式创建和扩展表格。使用这些功能，您可以轻松地添加样式和功能，使表格看起来更加美观和可用。如需了解更多信息，请参阅 Grav 文档和 Shortcode Core 插件文档。