obsidian表格优化

经验分享
1

利用CSS,实现表格十字定位及表头冻结
bilibili-obsidian表格CSS优化

2

这个CSS用过了，定位的功能不错。
但是表格晃晃悠悠的，给人十分不稳定的感觉。
希望能优化一下。

3

我也感觉晃动，可以把十字定位的码 删掉，另外加让表格斑马纹，这样更协调板正。

/* =====表格斑马纹===== */
/* 同时覆盖预览和编辑模式 */
.markdown-preview-view table tr:nth-child(even),
.markdown-source-view.mod-cm6 table tr:nth-child(even) {
  background-color: rgba(200, 200, 200, 0.1);
}

/* 可选：增强编辑模式表格可读性 */
.markdown-source-view.mod-cm6 table {
  border-collapse: collapse; /* 消除默认间距 */
  width: 100%; /* 避免表格过窄 */
}

.markdown-source-view.mod-cm6 td,
.markdown-source-view.mod-cm6 th {
  padding: 8px; /* 单元格内边距 */
 }

/* ===== 表头行底纹 ===== */

/* 表头行下侧加粗线 */
thead tr {
  border-bottom: 2.5px solid #3498db; /* 蓝色系，可自定义颜色 */
  border-top: 2.5px solid #3498db; /* 蓝色系，可自定义颜色 */

  /* border-bottom: 2.5px solid #e74c3c; 红色系备选 */
}

/* ===== 最后一行底线 ===== */
.markdown-preview-view tbody tr:last-child,
.markdown-source-view.mod-cm6 tbody tr:last-child {
  border-bottom: 2.5px solid #3498db; /* 与表头同款蓝色 */
  /* border-bottom: 2.5px solid #e74c3c; 红色系备选 */
}