Widen width of DataView tables

What I’m trying to do

Hi! I am trying to widen Dataview tables to use much more width of the screen real estate, beyond the “Readable line length” setting. The view is tiny for the number of columns I need to display. I have not found a way to do this. I am using the “Things” theme and I cannot switch to another theme.

Do you have any ideas on how to solve this problem?

Things I have tried

Various CSS snippets, tangentially related, provided on the forum. Unfortunately can’t get it to work.

The following snippet works for me. To activate the snippet on a specific note (such as the one where you have Dataview), add the cssclasses: page-100 in the properties.

.markdown-preview-view.is-readable-line-width.page-100 .markdown-preview-sizer,
.markdown-source-view.mod-cm6.is-readable-line-width.page-100 .cm-sizer {
max-width: 100%;
}
.markdown-source-view.mod-cm6.is-readable-line-width .cm-line,
.markdown-source-view.mod-cm6.is-readable-line-width .cm-content {
max-width: 100%;
}

5 Likes

Thank you!

I interpret this as a CSS Snippet which will set the width of any tagged page to 100%. Ideally, we would just change the width of the Dataview “block”.

However, I appreciate your answer, and will use this solution in the meantime.

If anyone knows solutions to just affect Dataview blocks, or any applicable parent block, please let us know.

It is not a direct answer to your question, but at least a work-around: I find putting wide tables on a canvas makes for easy viewing and you can stretch it out as wide as you want. TBH, I almost always use canvas for tables because they almost always contain enough columns to feel “squeezed” when displayed in a note.

1 Like

Great “hack”! I did not know this was possible.

Thanks a lot.

NP. Works for diagrams too. You can’t do something like this in a note, but on a Canvas it is powerful.

1 Like

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