From 9a122cb55f55ce525e93e07afd8983eb0f501e77 Mon Sep 17 00:00:00 2001
From: Yann <YKWeyer@users.noreply.github.com>
Date: Mon, 16 Oct 2023 16:36:11 +0000
Subject: [PATCH] [BUGFIX] Use colspan with fluid in page module

---
 .../Backend/Gridelements/Partials/PageLayout/Grid.html       | 1 +
 .../Gridelements/Partials/PageLayout/Grid/Colgroup.html      | 5 +++++
 .../Gridelements/Partials/PageLayout/Grid/ColgroupCol.html   | 5 +++++
 3 files changed, 11 insertions(+)
 create mode 100644 Resources/Private/Backend/Gridelements/Partials/PageLayout/Grid/Colgroup.html
 create mode 100644 Resources/Private/Backend/Gridelements/Partials/PageLayout/Grid/ColgroupCol.html

diff --git a/Resources/Private/Backend/Gridelements/Partials/PageLayout/Grid.html b/Resources/Private/Backend/Gridelements/Partials/PageLayout/Grid.html
index dd1d1f4..d3083e3 100644
--- a/Resources/Private/Backend/Gridelements/Partials/PageLayout/Grid.html
+++ b/Resources/Private/Backend/Gridelements/Partials/PageLayout/Grid.html
@@ -11,6 +11,7 @@ <h4 class="t3-grid-container-title-{f:if(condition: '{gridElementsBackendLayout.
         </f:then>
     </f:if>
     <table border="0" cellspacing="0" cellpadding="0" width="100%" class="t3-page-columns t3-grid-table t3js-page-columns">
+        <f:render partial="PageLayout/Grid/Colgroup" arguments="{colCount: gridElementsBackendLayout.config.colCount}" />
         <f:for each="{grid.rows}" as="row">
             <tr>
                 <f:for each="{row.columns}" as="column">
diff --git a/Resources/Private/Backend/Gridelements/Partials/PageLayout/Grid/Colgroup.html b/Resources/Private/Backend/Gridelements/Partials/PageLayout/Grid/Colgroup.html
new file mode 100644
index 0000000..6acd8f5
--- /dev/null
+++ b/Resources/Private/Backend/Gridelements/Partials/PageLayout/Grid/Colgroup.html
@@ -0,0 +1,5 @@
+<f:if condition="{colCount > 1}">
+<colgroup>
+    <f:render partial="PageLayout/Grid/ColgroupCol" arguments="{colCount: colCount, iteration: 1}" />
+</colgroup>
+</f:if>
diff --git a/Resources/Private/Backend/Gridelements/Partials/PageLayout/Grid/ColgroupCol.html b/Resources/Private/Backend/Gridelements/Partials/PageLayout/Grid/ColgroupCol.html
new file mode 100644
index 0000000..52031a4
--- /dev/null
+++ b/Resources/Private/Backend/Gridelements/Partials/PageLayout/Grid/ColgroupCol.html
@@ -0,0 +1,5 @@
+<col style="width: {100 / colCount}%" />
+<f:if condition="{iteration} < {colCount}">
+    <f:variable name="updated_iteration">{iteration + 1}</f:variable>
+    <f:render partial="PageLayout/Grid/ColgroupCol" arguments="{colCount: colCount, iteration: updated_iteration}" />
+</f:if>