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>