彙總測試的成果：將Dataview和Bases的表格加上記錄編號，個人覺得看起來更美觀。
Bases的CSS主要是用Gemini AI產生出來再加修改的，不敢掠美。

1. 作法

1. 使用CSS片段，在 .obsidian/snippets 目錄裡新增 .css 檔
2. 在【設定】→【外觀】裡啟用新加的 .css 檔

▼ Bases

▼ Dataview

2. CSS內容

/* Dataview table row counter */
.table-view-table {
    counter-reset: section;
}

.table-view-table > tbody > tr > td:first-child::before {
    counter-increment: section;
    content: counter(section) ". ";
}

/* 1. 設置計數器：只針對表身部分 */
/* Bases 和 Dataview 表格的表身 (.bases-tbody 或 table tbody) */
:is(.bases-tbody, table tbody) {
  counter-reset: rowNumber;
}

/* 2. 應用計數器到每一行 */
/* 排除表頭 (thead) 的行 */
.bases-thead  {
    counter-reset: reset;
}

.bases-table .bases-tbody > .bases-tr {
  counter-increment: rowNumber;
}

/* 3. 在每一行的第一個儲存格前面插入序號 */
.bases-tbody > .bases-tr > .bases-td:first-child::before {
    content: counter(rowNumber) "."; /* 顯示序號，例如 "1." */

    /* 調整序號樣式和位置 */
    position: absolute;
    left: 0.5em; /* 序號離左邊的距離 */
    opacity: 0.6;
    font-size: 0.8em;
    font-weight: 500;
}

/* 4. 調整第一個儲存格的內邊距 (Padding) 以容納序號 */
/* 增加左側空間，確保序號不會遮蓋內容 */
.bases-td:first-child {
    padding-left: 1.5em !important; 
}

3. 💡 相關鏈接

✅ 解說文章(繁體中文): https://jdev.tw/blog/8942/
✅ Explanation article(English)
✅ 解説記事(日本語)

＃＃

您可能也會有興趣的類似文章

• Obs129｜Obsidian除了CSS片段以外的CSS進階用法與兩個CSS外掛 (0則留言, 2023/05/14)
• Obs181｜告別Dataview？Obsidian Bases筆記收藏實戰：功能解析與語法轉換 (0則留言, 2025/07/27)
• [Obs＃96] Obsidian分頁調整： CSS樣式與外掛，讓分頁操作更簡便 (0則留言, 2022/09/10)
• [Obs＃85] 分享使用中與外觀有關的10個外掛 (0則留言, 2022/05/01)
• [Obs＃99] Obsidian跳頁分隔線的簡單作法：使用HR標籤（水平線） (0則留言, 2022/10/08)
• Obs163｜Yanki外掛製作Anki 克漏字(Cloze)閃卡技巧，同場加映翏央填空模板 (0則留言, 2024/08/04)
• 效率提升！Obsidian Querydash 外掛，打造客製化 Dataview 表格 (0則留言, 2025/07/24)
• [Obs＃86] 分享與編輯器相關的21個Obsidian外掛 (0則留言, 2022/05/08)
• [Obs＃92] Obsidian彙編文章的簡單方法：2個外掛＋1個CSS片段 (0則留言, 2022/07/16)
• 將Obsidian Bases的第一個內嵌圖片當做筆記封面(縮圖) (2則留言, 2025/08/27)
• Obsidian 1.0新手教學—打造個人知識管理利器，專屬的第二大腦 (2022年) (4則留言, 2022/10/22)
• Obs137｜用Dataviewjs讀取CSV資料以繪製統計圖表 (0則留言, 2023/09/03)
• [Obs＃26] Dataview外掛: 製作索引筆記利器；動態查詢筆記資料 (6則留言, 2021/02/19)
• Obsidian常見問題003：Obsidian系統的命名來源是什麼？ (0則留言, 2022/11/15)
• [Obs＃62] Obsidian搜尋全攻略 (0則留言, 2021/11/26)