Skip to content

Latest commit

 

History

History
51 lines (41 loc) · 882 Bytes

Equally spaced dataview columns.md

File metadata and controls

51 lines (41 loc) · 882 Bytes
Raw

↪Collection

Equally spaced dataview columns

cover:: 

/*
author: sailKite
source: https://discord.com/channels/686053708261228577/707816848615407697/1154034583478751282
*/

.dv-equal-columns .dataview.table-view-table tr > * {
  width: calc(100% / var(--dv-col-count));
}
.dv-equal-columns .dataview.table-view-table {
  :has(> tr > :nth-child(2)) {
    --dv-col-count: 2;
  }
  :has(> tr > :nth-child(3)) {
    --dv-col-count: 3;
  }
  :has(> tr > :nth-child(4)) {
    --dv-col-count: 4;
  }
  :has(> tr > :nth-child(5)) {
    --dv-col-count: 5;
  }
  :has(> tr > :nth-child(6)) {
    --dv-col-count: 6;
  }
}

How to use

---
cssclasses:
  - dv-equal-columns
---