Improvement for "Always fill" setting on tables

Author: kepano

Minimal.css

@@ -1706,6 +1706,7 @@ body {
   --table-max-width: none;
   --table-width: auto;
   --table-margin: inherit;
+  --table-wrapper-width: fit-content;
   --container-dataview-table-width: var(--line-width);
   --container-img-width: var(--line-width);
   --container-img-max-width: var(--max-width);
@@ -1784,7 +1785,8 @@ body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view {
   --table-margin: auto;
   --table-width: auto;
   --table-edge-cell-padding-first: 8px;
-  --table-edge-cell-padding-last: 8px; }
+  --table-edge-cell-padding-last: 8px;
+  --table-wrapper-width: auto; }
 
 .table-wide,
 .table-max,
@@ -1911,6 +1913,9 @@ body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view {
     width: var(--container-table-width);
     max-width: var(--container-table-max-width);
     margin-inline: var(--container-table-margin) !important; }
+  .markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content .table-wrapper,
+  .markdown-preview-view.is-readable-line-width .markdown-preview-sizer .table-wrapper {
+    width: var(--table-wrapper-width); }
   .markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > div:has(> .block-language-dataview > table),
   .markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > div:has(> .block-language-dataviewjs),
   .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:has(> .block-language-dataview > table),
@@ -8070,6 +8075,11 @@ settings:
 		title: Minimum column width
 		type: variable-text
 		default: 6ch
+	-
+		id: table-column-max-width
+		title: Maximum column width
+		type: variable-text
+		default: none
 	-
 		id: maximize-tables-off
 		title: Maximize table width 

manifest.json

@@ -1,6 +1,6 @@
 {
 	"name": "Minimal",
-	"version": "7.4.4",
+	"version": "7.4.5",
 	"minAppVersion": "1.5.0",
 	"author": "@kepano",
 	"authorUrl": "https://twitter.com/kepano",

src/css/main.css

@@ -1663,6 +1663,7 @@ body {
   --table-max-width: none;
   --table-width: auto;
   --table-margin: inherit;
+  --table-wrapper-width: fit-content;
   --container-dataview-table-width: var(--line-width);
   --container-img-width: var(--line-width);
   --container-img-max-width: var(--max-width);
@@ -1741,7 +1742,8 @@ body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view {
   --table-margin: auto;
   --table-width: auto;
   --table-edge-cell-padding-first: 8px;
-  --table-edge-cell-padding-last: 8px; }
+  --table-edge-cell-padding-last: 8px;
+  --table-wrapper-width: auto; }
 
 .table-wide,
 .table-max,
@@ -1868,6 +1870,9 @@ body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view {
     width: var(--container-table-width);
     max-width: var(--container-table-max-width);
     margin-inline: var(--container-table-margin) !important; }
+  .markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content .table-wrapper,
+  .markdown-preview-view.is-readable-line-width .markdown-preview-sizer .table-wrapper {
+    width: var(--table-wrapper-width); }
   .markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > div:has(> .block-language-dataview > table),
   .markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > div:has(> .block-language-dataviewjs),
   .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:has(> .block-language-dataview > table),

src/css/main.min.css

@@ -1461,6 +1461,11 @@ settings:
 		title: Minimum column width
 		type: variable-text
 		default: 6ch
+	-
+		id: table-column-max-width
+		title: Maximum column width
+		type: variable-text
+		default: none
 	-
 		id: maximize-tables-off
 		title: Maximize table width 

src/css/style-settings.css

@@ -94,6 +94,7 @@ body {
 	--table-max-width: none;
 	--table-width: auto;
 	--table-margin: inherit;
+	--table-wrapper-width: fit-content;
 
 	--container-dataview-table-width: var(--line-width);
 
@@ -195,6 +196,8 @@ body:not(.table-100):not(.table-max):not(.table-wide) {
 	--table-width: auto;
 	--table-edge-cell-padding-first: 8px;
 	--table-edge-cell-padding-last: 8px;
+
+	--table-wrapper-width: auto;
 }
 
 .table-wide,
@@ -308,6 +311,9 @@ body:not(.table-100):not(.table-max):not(.table-wide) {
 		max-width:var(--container-table-max-width);
 		margin-inline: var(--container-table-margin) !important;
 	}
+	.table-wrapper {
+		width: var(--table-wrapper-width);
+	}
 	> div:has(>.block-language-dataview>table),
 	> div:has(>.block-language-dataviewjs) {
 		width: var(--container-dataview-table-width);