DataViews: Apply width styles to titleField in table layout

WordPress · Feb 13, 2025 · ca275f8 · ca275f8
1 parent 9b387c8
commit ca275f8
Showing 1 changed file with 30 additions and 2 deletions.
diff --git a/packages/dataviews/src/dataviews-layouts/table/index.tsx b/packages/dataviews/src/dataviews-layouts/table/index.tsx
@@ -159,7 +159,19 @@ function TableRow< Item >( {
 				</td>
 			) }
 			{ hasPrimaryColumn && (
-				<td>
+				<td
+					style={ {
+						width: titleField?.id
+							? view.layout?.styles?.[ titleField.id ]?.width
+							: undefined,
+						maxWidth: titleField?.id
+							? view.layout?.styles?.[ titleField.id ]?.maxWidth
+							: undefined,
+						minWidth: titleField?.id
+							? view.layout?.styles?.[ titleField.id ]?.minWidth
+							: undefined,
+					} }
+				>
 					<ColumnPrimary
 						item={ item }
 						level={ level }
@@ -316,7 +328,23 @@ function ViewTable< Item >( {
 							</th>
 						) }
 						{ hasPrimaryColumn && (
-							<th scope="col">
+							<th
+								scope="col"
+								style={ {
+									width: titleField?.id
+										? view.layout?.styles?.[ titleField.id ]
+												?.width
+										: undefined,
+									maxWidth: titleField?.id
+										? view.layout?.styles?.[ titleField.id ]
+												?.maxWidth
+										: undefined,
+									minWidth: titleField?.id
+										? view.layout?.styles?.[ titleField.id ]
+												?.minWidth
+										: undefined,
+								} }
+							>
 								<span className="dataviews-view-table-header">
 									{ titleField && (
 										<ColumnHeaderMenu