Preview differences in the Table view between the two versions

[LiYunfei-SCU]

English is not my native language; please excuse typing errors.

I will list the problems caused by the differences in the Table view between the two versions, and hope to be able to restore the old version of the Table preview style

Version

dataview-V 0.4.26
dataview-V 0.5.22

Problem 1

Problem Description

If the field behind the table is a list, even if there is only one element, the row height display will be too high, the preview is not convenient

Difference preview

source file display

dataview format

table info,sort
from ""
sort sort desc
where contains(file.name,"dataview-test-")

Example files in yaml format

dataview-V 0.4.26 display effect

dataview-V 0.5.22 display effect

Problem 2

Problem Description

If the value of the sorting field is a number, the sorting is not very reasonable compared to the previous version

Personal suggestion: the sorting field with added content should be at the top of the Table

Difference preview

source file display

dataview format

table info,sort
from ""
sort sort desc
where contains(file.name,"dataview-test-")

Example files in yaml format

dataview-V 0.4.26 display effect

dataview-V 0.5.22 display effect

[AB1908]

1 can be fixed with a bit of custom CSS. 2 is a case of you mixing types in your YAML. Null sorting has been reverted in 5.26 but ideally you should cast nulls to default values and use your own sort order if you're mixing types. [2] is an array where as 3 is an int and mixed types need user specified sort logic.

[LiYunfei-SCU]

I just tried to compare the two versions of the styles.css file, but did not find any key differences, then I replaced the new version of the css file with the old version of styles.css, and restarted Obsdian, but still no change
Although I know that "It is better to teach a man to fish than to give him a fish", but this is still a bit difficult for me at the moment. In fact, my knowledge of front-end is very shallow
Thank you for your answer!

[k3v1ntang]

Experience the same issue with bigger spacing between lines in DataviewJS result after upgrading the plug-in to 0.5.26. Using the latest iOS (1.2.0) version of Obsidian. Not sure if it’s a bug to be fixed.

@AB1908 Would you be able to share the custom CSS as a workaround?

Thanks!

[AB1908]

Sorry, I don't actually know how to do CSS stuff haha. This has been adjusted by blacksmithgu in the 0.5.31 release I think. Please check.

[LiYunfei-SCU]

Sorry, I don't actually know how to do CSS stuff haha. This has been adjusted by blacksmithgu in the 0.5.31 release I think. Please check.

You can call up Developer Tools by doing the following

Click on the button in the yellow box below

Then, move your mouse over the element you want to modify and the following will appear, you can take a screenshot in case you forget the name

When you click on it, the developer tool on the right changes to the relevant "style code" (css) of the element you clicked on

You can visually view and modify the style and layout here

[k3v1ntang]

An update on my troubleshooting, I rolled back to Dataview 0.4.26 and it appears to fix the spacing issue.

One thing worth noting, the problem only presents with the queries in a customized CSS dashboard I copied from TfTHacker - source article. The query result in a normal note looks fine..

Including the link to the css snippet if it helps narrow down the issue:

https://github.com/TfTHacker/DashboardPlusPlus/blob/master/.obsidian/snippets/dashboard.css

[blacksmithgu]

I've improved list compactness in the beta - note that some themes adjust Dataview table appearance which may also cause issues.