Obsidian最强表格样式，自由和美观我都要

Focus Star

本文首发于PKMer网站，信息可能已经过时，点击文末左下角 阅读原文 获取最新信息

Obsidian 样式 - 表格优化

1.css 来源

群友 @上善若水 写的表格样式优化 css ，目前能支持的功能包括：

1. 使用 css 控制全库表格样式，同时支持在文章中使用：cssclass 控制特定文件的表格样式
2. 支持在：style setting 中根据自己的需要调整效果

2.css 的使用方法

一、安装 css ：没接触过 css 的朋友可以看下这篇文章：Obsidian 的 CSS 代码片段，这里就不展开 css 具体的使用方法。css 片段生效后，表格的默认样式为：

二、在 style setting 插件中，找到：【 Table 美化 】的设置选项，样式如下：

以下为 style setting 各项参数的详细说明：

本 css 共支持 5 种样式：

• 常规底色模式
• 标题底色模式
• 行列标题底色模式
• 行列标题间隔层模式
• 全透明底色模式

具体的效果对比如下：

值得注意的是，在 style setting 中设置的模式为全库表格的默认格式，若指定文件需要特殊设置效果时，在文章的 yaml 区域的 cssclass 中输入对应表格样式的名称即可进行设置，如

表格全宽选择：共包含 3 种选择：

• 非全款模式
• 全宽模式
• 自定义居中模式

具体的效果对比如下：

值得注意的是，自定义居中模式中甚至了 8 个档位的表格宽度，支持表格宽度的自定义，指定文件需要特殊设置效果时，在文章的 yaml 区域的 cssclass 中输入对应表格样式的名称即可进行设置，以下为本 css 所支持的 yaml 配置

表格宽度是否超出显示界面：本 css 共支持 3 种样式：

• 超出模式
• 不超出模式（非均匀分布）
• 不超出模式（均匀分布）

具体效果对比可看截图：

3.css 片段代码