Auto Sized Dataview Tables

Hello, is there a way to replicate the Auto Sized Dataview Tables option?(It’s from ITS theme)

In general, if you want only a part of a theme, open .obsidian/themes/ITS Theme/theme.css in a text editor of your choice, find the relevant code, and copy & paste that part to a CSS snippet.

I try to do, but isnt work
This is what I copied from css

.dataview-table-auto {
–dataview-table-width: auto;
}

--dataview-table-width is a CSS variable defined by ITS, so changing it without activating ITS doesn’t have any effect. You have to check where the variable is actually used.

In this case, it’s used in the following part:

.table-view-table {
  width: var(--dataview-table-width);
}

(.table-view-table is a class defined by Dataview, so it’s alive without the ITS theme.)
So, probably the following CSS snippet will do the job:

.table-view-table {
    width: auto;
}

If not, consider adding !important:

.table-view-table {
    width: auto !important;
}
1 Like

TY it works :smiley:

1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.