有没有 Base 表格相关的 CSS？比如让表格奇偶行不同背景颜色？

疑问解答
1

如题。
目前的表格样式实在有点简陋。

2
3

搜“striped column”可以搜到reddit有人问过：https://www.reddit.com/r/ObsidianMD/comments/1ns0iyr/is_there_a_way_to_make_bases_have_striped_columns/

里面提到有个叫baseline的主题有选项，打开style settings里的选型试了下，效果如图：

image
image1588×1328 188 KB

这主题的窗口打开动效还不错，感觉可以体验试试

4

这是我在用的奇偶行不同颜色的CSS代码

/* 1. Bases表格奇偶行背景色设置 */
.bases-table-container .bases-tbody .bases-tr:nth-child(odd) {
    background-color: var(--color-base-00); /* 奇数行背景色 */
}

.bases-table-container .bases-tbody .bases-tr:nth-child(even) {
    background-color: var(--color-base-20); /* 偶数行背景色 */
}

/* 2. 添加悬停效果 */
.bases-table-container .bases-tbody .bases-tr:hover {
    background-color: var(--color-accent); /* 悬停时的背景色 */
    transition: background-color 0.2s ease;
}

/* 3. 设置表头样式 */
.bases-table-container .bases-thead .bases-tr {
    background-color: var(--color-base-20) !important; /* 表头背景色 */
    font-weight: bold;
}
1 个赞