From f3f48567b06d322b70ef4c0095442d5ac9f058db Mon Sep 17 00:00:00 2001
From: "andrei.kislitsyn" <kisandy@yandex.ru>
Date: Tue, 13 May 2025 01:42:16 +0400
Subject: [PATCH 1/2] fix snippets iframes

---
 .../explainer/SamplesRenderingUtils.kt        |  65 +++++++++
 docs/StardustDocs/cfg/buildprofiles.xml       |   2 +-
 docs/StardustDocs/cfg/google-search.html      |  13 ++
 docs/StardustDocs/cfg/include-head.html       |   3 +-
 docs/StardustDocs/cfg/resize-iframes.js       | 129 ------------------
 .../static/{custom.js => iframe-config.js}    |   0
 ...nx.dataframe.samples.api.Access.byRow.html |  62 +++++++++
 ...me.samples.api.Access.columnSelectors.html |  62 +++++++++
 ...amples.api.Access.columnSelectorsMisc.html |  62 +++++++++
 ...s.api.Access.columnSelectorsModifySet.html |  62 +++++++++
 ...ples.api.Access.columnSelectorsUsages.html |  62 +++++++++
 ...s.api.Access.columnsSelectorByIndices.html |  62 +++++++++
 ...dataframe.samples.api.Access.distinct.html |  62 +++++++++
 ...taframe.samples.api.Access.distinctBy.html |  62 +++++++++
 ...me.samples.api.Access.distinctColumns.html |  62 +++++++++
 ...inx.dataframe.samples.api.Access.drop.html |  62 +++++++++
 ...dataframe.samples.api.Access.dropLast.html |  62 +++++++++
 ...x.dataframe.samples.api.Access.dropNA.html |  62 +++++++++
 ...dataframe.samples.api.Access.dropNaNs.html |  62 +++++++++
 ...ataframe.samples.api.Access.dropNulls.html |  62 +++++++++
 ...ataframe.samples.api.Access.dropWhere.html |  62 +++++++++
 ...ataframe.samples.api.Access.dropWhile.html |  62 +++++++++
 ...x.dataframe.samples.api.Access.filter.html |  62 +++++++++
 ...dataframe.samples.api.Access.filterBy.html |  62 +++++++++
 ...e.samples.api.Access.getColumnsByName.html |  62 +++++++++
 ....samples.api.Access.getRowByCondition.html |  62 +++++++++
 ...rame.samples.api.Access.getRowByIndex.html |  62 +++++++++
 ...es.api.Access.getSeveralRowsByIndices.html |  62 +++++++++
 ...les.api.Access.getSeveralRowsByRanges.html |  62 +++++++++
 ...x.dataframe.samples.api.Access.select.html |  62 +++++++++
 ...inx.dataframe.samples.api.Access.take.html |  62 +++++++++
 ...dataframe.samples.api.Access.takeLast.html |  62 +++++++++
 ...ataframe.samples.api.Access.takeWhile.html |  62 +++++++++
 ...tlinx.dataframe.samples.api.Access.xs.html |  62 +++++++++
 ...aframe.samples.api.Analyze.columnsFor.html |  62 +++++++++
 ....samples.api.Analyze.countAggregation.html |  62 +++++++++
 ...ataframe.samples.api.Analyze.describe.html |  62 +++++++++
 ...e.samples.api.Analyze.describeColumns.html |  62 +++++++++
 ...dataframe.samples.api.Analyze.groupBy.html |  62 +++++++++
 ...i.Analyze.groupByAggregateWithoutInto.html |  62 +++++++++
 ...mples.api.Analyze.groupByAggregations.html |  62 +++++++++
 ...api.Analyze.groupByDirectAggregations.html |  62 +++++++++
 ...frame.samples.api.Analyze.groupByExpr.html |  62 +++++++++
 ....samples.api.Analyze.groupByMoveToTop.html |  62 +++++++++
 ...les.api.Analyze.groupByMoveToTopFalse.html |  62 +++++++++
 ...me.samples.api.Analyze.groupByToFrame.html |  62 +++++++++
 ...api.Analyze.groupByWithoutAggregation.html |  62 +++++++++
 ...nx.dataframe.samples.api.Analyze.head.html |  62 +++++++++
 ...es.api.Analyze.meanAggregationsSkipNA.html |  62 +++++++++
 ...x.dataframe.samples.api.Analyze.pivot.html |  62 +++++++++
 ....dataframe.samples.api.Analyze.pivot2.html |  62 +++++++++
 ...me.samples.api.Analyze.pivotAggregate.html |  62 +++++++++
 ...e.samples.api.Analyze.pivotAggregate1.html |  62 +++++++++
 ...les.api.Analyze.pivotAsDataRowOrFrame.html |  62 +++++++++
 ...s.api.Analyze.pivotCommonAggregations.html |  62 +++++++++
 ...frame.samples.api.Analyze.pivotCounts.html |  62 +++++++++
 ...rame.samples.api.Analyze.pivotDefault.html |  62 +++++++++
 ...ame.samples.api.Analyze.pivotDefault1.html |  62 +++++++++
 ...rame.samples.api.Analyze.pivotGroupBy.html |  62 +++++++++
 ...samples.api.Analyze.pivotGroupByOther.html |  62 +++++++++
 ....samples.api.Analyze.pivotInAggregate.html |  62 +++++++++
 ...frame.samples.api.Analyze.pivotInward.html |  62 +++++++++
 ...rame.samples.api.Analyze.pivotMatches.html |  62 +++++++++
 ...ame.samples.api.Analyze.schemaGroupBy.html |  62 +++++++++
 ...ples.api.Analyze.statisticGroupByMany.html |  62 +++++++++
 ...es.api.Analyze.statisticGroupBySingle.html |  62 +++++++++
 ...i.Analyze.statisticGroupBySingleNamed.html |  62 +++++++++
 ...amples.api.Analyze.statisticPivotMany.html |  62 +++++++++
 ...pi.Analyze.statisticPivotManySeparate.html |  62 +++++++++
 ...ples.api.Analyze.statisticPivotSingle.html |  62 +++++++++
 ...frame.samples.api.Analyze.valueCounts.html |  62 +++++++++
 ....samples.api.Create.columnAccessorMap.html |  62 +++++++++
 ...pi.Create.createDataFrameFromIterable.html |  62 +++++++++
 ...les.api.Create.createDataFrameFromMap.html |  62 +++++++++
 ....samples.api.Create.duplicatedColumns.html |  62 +++++++++
 ....samples.api.Create.toDataFrameColumn.html |  62 +++++++++
 ...ame.samples.api.DataRowApi.conditions.html |  62 +++++++++
 ...me.samples.api.DataRowApi.expressions.html |  62 +++++++++
 ...tlinx.dataframe.samples.api.Join.join.html |  62 +++++++++
 ...ataframe.samples.api.Join.joinDefault.html |  62 +++++++++
 ...ataframe.samples.api.Join.joinSpecial.html |  62 +++++++++
 ...aframe.samples.api.Join.joinWithMatch.html |  62 +++++++++
 ...linx.dataframe.samples.api.Modify.add.html |  62 +++++++++
 ...rame.samples.api.Modify.addDataFrames.html |  62 +++++++++
 ...aframe.samples.api.Modify.addExisting.html |  62 +++++++++
 ....dataframe.samples.api.Modify.addMany.html |  62 +++++++++
 ...frame.samples.api.Modify.addRecurrent.html |  62 +++++++++
 ...rame.samples.api.Modify.concatGroupBy.html |  62 +++++++++
 ....dataframe.samples.api.Modify.convert.html |  62 +++++++++
 ...me.samples.api.Modify.convertAsColumn.html |  62 +++++++++
 ...ame.samples.api.Modify.convertAsFrame.html |  62 +++++++++
 ...ataframe.samples.api.Modify.convertTo.html |  62 +++++++++
 ...rame.samples.api.Modify.convertToEnum.html |  62 +++++++++
 ...amples.api.Modify.convertToValueClass.html |  62 +++++++++
 ...x.dataframe.samples.api.Modify.fillNA.html |  62 +++++++++
 ...dataframe.samples.api.Modify.fillNaNs.html |  62 +++++++++
 ...ataframe.samples.api.Modify.fillNulls.html |  62 +++++++++
 ....dataframe.samples.api.Modify.flatten.html |  62 +++++++++
 ...taframe.samples.api.Modify.flattenAll.html |  62 +++++++++
 ...x.dataframe.samples.api.Modify.gather.html |  62 +++++++++
 ...aframe.samples.api.Modify.gatherNames.html |  62 +++++++++
 ...nx.dataframe.samples.api.Modify.group.html |  62 +++++++++
 ....dataframe.samples.api.Modify.implode.html |  62 +++++++++
 ...x.dataframe.samples.api.Modify.insert.html |  62 +++++++++
 ...frame.samples.api.Modify.insertColumn.html |  62 +++++++++
 ....dataframe.samples.api.Modify.mapMany.html |  62 +++++++++
 ...nx.dataframe.samples.api.Modify.merge.html |  62 +++++++++
 ...frame.samples.api.Modify.mergeDefault.html |  62 +++++++++
 ...samples.api.Modify.mergeDifferentWith.html |  62 +++++++++
 ...rame.samples.api.Modify.mergeIntoList.html |  62 +++++++++
 ...rame.samples.api.Modify.mergeSameWith.html |  62 +++++++++
 ...inx.dataframe.samples.api.Modify.move.html |  62 +++++++++
 ...dataframe.samples.api.Modify.parseAll.html |  62 +++++++++
 ...ataframe.samples.api.Modify.parseSome.html |  62 +++++++++
 ...e.samples.api.Modify.parseWithOptions.html |  62 +++++++++
 ...x.dataframe.samples.api.Modify.remove.html |  62 +++++++++
 ...x.dataframe.samples.api.Modify.rename.html |  62 +++++++++
 ...e.samples.api.Modify.renameExpression.html |  62 +++++++++
 ....dataframe.samples.api.Modify.reorder.html |  62 +++++++++
 ...ame.samples.api.Modify.reorderInGroup.html |  62 +++++++++
 ....dataframe.samples.api.Modify.replace.html |  62 +++++++++
 ....dataframe.samples.api.Modify.reverse.html |  62 +++++++++
 ....dataframe.samples.api.Modify.shuffle.html |  62 +++++++++
 ...x.dataframe.samples.api.Modify.sortBy.html |  62 +++++++++
 ...taframe.samples.api.Modify.sortByDesc.html |  62 +++++++++
 ...dataframe.samples.api.Modify.sortWith.html |  62 +++++++++
 ...nx.dataframe.samples.api.Modify.split.html |  62 +++++++++
 ...x.dataframe.samples.api.Modify.split1.html |  62 +++++++++
 ...frame.samples.api.Modify.splitInplace.html |  62 +++++++++
 ...rame.samples.api.Modify.splitIntoRows.html |  62 +++++++++
 ...taframe.samples.api.Modify.splitRegex.html |  62 +++++++++
 ...aframe.samples.api.Modify.splitRegex1.html |  62 +++++++++
 ....dataframe.samples.api.Modify.ungroup.html |  62 +++++++++
 ...x.dataframe.samples.api.Modify.update.html |  62 +++++++++
 ...rame.samples.api.Modify.updateAsFrame.html |  62 +++++++++
 ...me.samples.api.Modify.updatePerRowCol.html |  62 +++++++++
 ...taframe.samples.api.Modify.updateWith.html |  62 +++++++++
 ...me.samples.api.Modify.updateWithConst.html |  62 +++++++++
 138 files changed, 8265 insertions(+), 131 deletions(-)
 create mode 100644 docs/StardustDocs/cfg/google-search.html
 delete mode 100644 docs/StardustDocs/cfg/resize-iframes.js
 rename docs/StardustDocs/cfg/static/{custom.js => iframe-config.js} (100%)

diff --git a/core/src/test/kotlin/org/jetbrains/kotlinx/dataframe/explainer/SamplesRenderingUtils.kt b/core/src/test/kotlin/org/jetbrains/kotlinx/dataframe/explainer/SamplesRenderingUtils.kt
index 9c4968e1d8..28e7205354 100644
--- a/core/src/test/kotlin/org/jetbrains/kotlinx/dataframe/explainer/SamplesRenderingUtils.kt
+++ b/core/src/test/kotlin/org/jetbrains/kotlinx/dataframe/explainer/SamplesRenderingUtils.kt
@@ -32,6 +32,71 @@ val WritersideStyle = DataFrameHtmlData(
             padding: 6px;
         }
         """.trimIndent(),
+    script =
+        """
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
+        """.trimIndent()
 )
 
 val WritersideFooter: (DataFrame<*>) -> String = { "" }
diff --git a/docs/StardustDocs/cfg/buildprofiles.xml b/docs/StardustDocs/cfg/buildprofiles.xml
index e2f73e51b7..162860b58f 100644
--- a/docs/StardustDocs/cfg/buildprofiles.xml
+++ b/docs/StardustDocs/cfg/buildprofiles.xml
@@ -13,7 +13,7 @@
         <algolia-api-key>bce9ba6ce7419efe813d671244d3bf6a</algolia-api-key>
         <search-scopes-provider>https://www.jetbrains.com/search/json/</search-scopes-provider>
         <generate-sitemap-url-prefix>https://kotlin.github.io/dataframe/</generate-sitemap-url-prefix>
-        <analytics-head-script-file>resize-iframes.js</analytics-head-script-file>
+        <analytics-head-script-file>google-search.html</analytics-head-script-file>
         <enable-browser-edits>true</enable-browser-edits>
         <browser-edits-url>https://github.com/Kotlin/dataframe/edit/master/docs/StardustDocs/</browser-edits-url>
         <include-in-head>include-head.html</include-in-head>
diff --git a/docs/StardustDocs/cfg/google-search.html b/docs/StardustDocs/cfg/google-search.html
new file mode 100644
index 0000000000..f5846bc860
--- /dev/null
+++ b/docs/StardustDocs/cfg/google-search.html
@@ -0,0 +1,13 @@
+<meta name="google-site-verification" content="Lffz_ab-_S5cmA07ZXVbucHVklaRsnk8gEt8frHKjMk"/>
+<!-- Google Analytics -->
+<script>
+    (function (w, d, s, l, i) {
+        w[l] = w[l] || [];
+        w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
+        var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&amp;l=' + l : '';
+        j.async = true;
+        j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl;
+        f.parentNode.insertBefore(j, f);
+    })(window, document, 'script', 'dataLayer', 'GTM-5P98');
+</script>
+<!-- End Google Analytics -->
diff --git a/docs/StardustDocs/cfg/include-head.html b/docs/StardustDocs/cfg/include-head.html
index c5c5b30393..1ae29e79a8 100644
--- a/docs/StardustDocs/cfg/include-head.html
+++ b/docs/StardustDocs/cfg/include-head.html
@@ -1 +1,2 @@
-<script src="static/custom.js"></script>
+<script src="static/iframe-config.js"></script>
+<script src="static/iframe-config-old.js"></script>
diff --git a/docs/StardustDocs/cfg/resize-iframes.js b/docs/StardustDocs/cfg/resize-iframes.js
deleted file mode 100644
index 090b0f686d..0000000000
--- a/docs/StardustDocs/cfg/resize-iframes.js
+++ /dev/null
@@ -1,129 +0,0 @@
-<meta name="google-site-verification" content="Lffz_ab-_S5cmA07ZXVbucHVklaRsnk8gEt8frHKjMk"/>
-<!-- Google Analytics -->
-<script>
-    (function (w, d, s, l, i) {
-        w[l] = w[l] || [];
-        w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
-        var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&amp;l=' + l : '';
-        j.async = true;
-        j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl;
-        f.parentNode.insertBefore(j, f);
-    })(window, document, 'script', 'dataLayer', 'GTM-5P98');
-</script>
-<!-- End Google Analytics -->
-<script>
-    window.onload = function() {
-        function updateIframeThemes(theme) {
-            const iframes = document.getElementsByTagName('iframe');
-
-            for (let i = 0; i < iframes.length; i++) {
-                const iframeDocument = iframes[i].contentWindow.document;
-                iframeDocument.documentElement.setAttribute('theme', theme);
-            }
-        }
-
-        function observeHtmlClassChanges() {
-            const htmlElement = document.documentElement;
-
-            const observer = new MutationObserver((mutations) => {
-                mutations.forEach((mutation) => {
-                    if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
-                        const theme = htmlElement.classList.contains('theme-light') ? 'light' : 'dark';
-                        updateIframeThemes(theme);
-                    }
-                });
-            });
-
-            observer.observe(htmlElement, { attributes: true });
-        }
-
-        function resize_iframe_out(el) {
-            const htmlElement = document.documentElement;
-            const theme = htmlElement.classList.contains('theme-light') ? 'light' : 'dark';
-            el.contentWindow.document.documentElement.setAttribute('theme', theme);
-
-            let h = el.contentWindow.document.body.scrollHeight;
-            el.height = h === 0 ? 0 : h + 41;
-        }
-
-        function doObserveIFrame(el) {
-            resize_iframe_out(el);
-            const mutationObserver = new MutationObserver((mutations) => {
-                let resize = false;
-                for (let mutation of mutations) {
-                    // skip attribute changes except open to avoid loop
-                    // (callback sees change in iframe, triggers resize, sees change...)
-                    if (mutation.type === 'attributes') {
-                        if (mutation.attributeName === 'open') {
-                            resize = true;
-                        }
-                    } else {
-                        resize = true;
-                    }
-                }
-                if (resize) {
-                    resize_iframe_out(el);
-                }
-            });
-            mutationObserver.observe(
-                el.contentDocument.documentElement,
-                { childList: true, subtree: true, characterData: true, attributes: true },
-            );
-
-            const visibilityObserver = new IntersectionObserver(
-                () => resize_iframe_out(el),
-                { root: document.documentElement },
-            );
-            visibilityObserver.observe(el);
-        }
-
-        function observeIFrame(el) {
-            if (el.contentWindow &&
-                el.contentWindow.performance &&
-                el.contentWindow.performance.timing.loadEventEnd === 0
-            ) {
-                el.addEventListener('load', () => doObserveIFrame(el), true);
-            } else {
-                doObserveIFrame(el);
-            }
-        }
-
-        let iframes = document.querySelectorAll('iframe');
-        for (let i = 0; i < iframes.length; i++) {
-            observeIFrame(iframes[i]);
-        }
-
-        let bodyObserver = new MutationObserver((mutations) => {
-            mutations.forEach(function(mutation) {
-                for (let i = 0; i < mutation.addedNodes.length; i++) {
-                    let addedNode = mutation.addedNodes[i];
-                    if (addedNode.tagName === 'IFRAME') {
-                        observeIFrame(addedNode);
-                    } else if (addedNode.tagName === 'SECTION') {
-                        function traverse(node) {
-                            if (node.tagName === 'IFRAME') {
-                                observeIFrame(node);
-                            }
-                            for (let i = 0; i < node.children.length; i++) {
-                                traverse(node.children[i]);
-                            }
-                        }
-
-                        traverse(addedNode);
-                    }
-                }
-            });
-        });
-
-        bodyObserver.observe(
-            document.documentElement || document.body,
-            { childList: true, subtree: true, attributes: true },
-        );
-        observeHtmlClassChanges();
-
-        // initialize theme
-        const htmlElement = document.documentElement;
-        const theme = htmlElement.classList.contains('theme-light') ? 'light' : 'dark';
-        updateIframeThemes(theme);
-    };
-</script>
diff --git a/docs/StardustDocs/cfg/static/custom.js b/docs/StardustDocs/cfg/static/iframe-config.js
similarity index 100%
rename from docs/StardustDocs/cfg/static/custom.js
rename to docs/StardustDocs/cfg/static/iframe-config.js
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.byRow.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.byRow.html
index a460e44736..45ea55887c 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.byRow.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.byRow.html
@@ -513,6 +513,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectors.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectors.html
index 2c9b7d3ced..28a75eef17 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectors.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectors.html
@@ -613,6 +613,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsMisc.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsMisc.html
index 604ac4a50e..a331207e4b 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsMisc.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsMisc.html
@@ -761,6 +761,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsModifySet.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsModifySet.html
index 41c5a9c1f3..cef5ee960d 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsModifySet.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsModifySet.html
@@ -565,6 +565,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsUsages.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsUsages.html
index b51817a777..7599da4962 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsUsages.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsUsages.html
@@ -583,6 +583,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnsSelectorByIndices.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnsSelectorByIndices.html
index 871714b8f7..8ac14a7298 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnsSelectorByIndices.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnsSelectorByIndices.html
@@ -501,6 +501,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinct.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinct.html
index 0520dac4ab..c9c6aaed55 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinct.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinct.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctBy.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctBy.html
index 3fe3f79c17..155d411839 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctBy.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctBy.html
@@ -491,6 +491,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctColumns.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctColumns.html
index 20ea85730e..786b9e7958 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctColumns.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctColumns.html
@@ -491,6 +491,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.drop.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.drop.html
index 7dbdcf5e57..7e1c971a9e 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.drop.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.drop.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropLast.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropLast.html
index 44f84b8674..7173e2c56d 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropLast.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropLast.html
@@ -485,6 +485,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNA.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNA.html
index 3d86be3cde..a97672a78d 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNA.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNA.html
@@ -533,6 +533,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNaNs.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNaNs.html
index fb0f3c8302..68c0376378 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNaNs.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNaNs.html
@@ -533,6 +533,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNulls.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNulls.html
index bf7f48afdd..c930211e03 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNulls.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNulls.html
@@ -533,6 +533,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhere.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhere.html
index bb4642c6f4..afbe881b66 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhere.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhere.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhile.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhile.html
index 0520dac4ab..c9c6aaed55 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhile.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhile.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.filter.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.filter.html
index 5509a53a92..8674c67940 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.filter.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.filter.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.filterBy.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.filterBy.html
index 3630b3010a..bf7d347da9 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.filterBy.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.filterBy.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getColumnsByName.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getColumnsByName.html
index b8fe013c4c..34aba36742 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getColumnsByName.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getColumnsByName.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByCondition.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByCondition.html
index d3c9b3a010..1c509a4a2d 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByCondition.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByCondition.html
@@ -533,6 +533,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByIndex.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByIndex.html
index 9e8ffea375..99472faaf6 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByIndex.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByIndex.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByIndices.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByIndices.html
index f3c3dfcbb5..6b8646b6fa 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByIndices.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByIndices.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByRanges.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByRanges.html
index 6f10413f7e..0b2b95d933 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByRanges.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByRanges.html
@@ -485,6 +485,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.select.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.select.html
index b8fe013c4c..34aba36742 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.select.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.select.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.take.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.take.html
index 1d83183bb3..fa4c10f695 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.take.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.take.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.takeLast.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.takeLast.html
index 19258370f0..2108c15c44 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.takeLast.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.takeLast.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.takeWhile.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.takeWhile.html
index 075020d9eb..23395b49fd 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.takeWhile.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.takeWhile.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.xs.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.xs.html
index f4fea48060..c566dae7fb 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.xs.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.xs.html
@@ -485,6 +485,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.columnsFor.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.columnsFor.html
index 6698d828dc..cb38d977ee 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.columnsFor.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.columnsFor.html
@@ -533,6 +533,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.countAggregation.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.countAggregation.html
index b3c9147a8c..73315443c4 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.countAggregation.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.countAggregation.html
@@ -525,6 +525,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describe.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describe.html
index 3b80a3f820..b29d5c31d4 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describe.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describe.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describeColumns.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describeColumns.html
index c3735ef1d7..3d35ab5e88 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describeColumns.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describeColumns.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupBy.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupBy.html
index ff4a5d0dce..f80dd74cd9 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupBy.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupBy.html
@@ -501,6 +501,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregateWithoutInto.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregateWithoutInto.html
index f73abdfb47..588f6518c3 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregateWithoutInto.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregateWithoutInto.html
@@ -471,6 +471,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregations.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregations.html
index b179d8145a..affc4eb35d 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregations.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregations.html
@@ -471,6 +471,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByDirectAggregations.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByDirectAggregations.html
index 68f74d5bed..f9a3aaf965 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByDirectAggregations.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByDirectAggregations.html
@@ -651,6 +651,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByExpr.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByExpr.html
index ed9a539885..5fd6490d4a 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByExpr.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByExpr.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTop.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTop.html
index c4e76691f3..f59c8d0ae7 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTop.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTop.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTopFalse.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTopFalse.html
index c883b77bfd..525d8412fe 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTopFalse.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTopFalse.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByToFrame.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByToFrame.html
index a6fa48a584..349266a99e 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByToFrame.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByToFrame.html
@@ -471,6 +471,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByWithoutAggregation.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByWithoutAggregation.html
index c68a8d29d3..2abd304d2f 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByWithoutAggregation.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByWithoutAggregation.html
@@ -519,6 +519,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.head.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.head.html
index 2d0f190797..25ca27406e 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.head.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.head.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.meanAggregationsSkipNA.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.meanAggregationsSkipNA.html
index 7497105a4f..c4dc482a56 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.meanAggregationsSkipNA.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.meanAggregationsSkipNA.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot.html
index 9b86081b53..a73cdbe23a 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot2.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot2.html
index 4cc9b61f6e..dd42200c64 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot2.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot2.html
@@ -485,6 +485,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate.html
index 66b5e9cb1b..dba3647194 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate.html
@@ -471,6 +471,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate1.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate1.html
index 34eb36dbc5..9f8af4256e 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate1.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate1.html
@@ -477,6 +477,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAsDataRowOrFrame.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAsDataRowOrFrame.html
index ab20b81c9c..2830e29d0c 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAsDataRowOrFrame.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAsDataRowOrFrame.html
@@ -503,6 +503,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCommonAggregations.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCommonAggregations.html
index 2a75994cf6..bfda6805fa 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCommonAggregations.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCommonAggregations.html
@@ -503,6 +503,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCounts.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCounts.html
index 45476ad072..10ed5a2452 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCounts.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCounts.html
@@ -571,6 +571,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault.html
index 6e48938f8a..6cb0915894 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault.html
@@ -515,6 +515,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault1.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault1.html
index e275633aff..bbbc3240e4 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault1.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault1.html
@@ -477,6 +477,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupBy.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupBy.html
index 70a97566ff..c26ef9db9d 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupBy.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupBy.html
@@ -497,6 +497,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupByOther.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupByOther.html
index e394a8a3a2..c8142ece62 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupByOther.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupByOther.html
@@ -471,6 +471,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInAggregate.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInAggregate.html
index 79143e822b..99eed38861 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInAggregate.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInAggregate.html
@@ -471,6 +471,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInward.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInward.html
index a3d2129a77..e1f8083b87 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInward.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInward.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotMatches.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotMatches.html
index 485751a529..f7688887ae 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotMatches.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotMatches.html
@@ -571,6 +571,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.schemaGroupBy.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.schemaGroupBy.html
index 07f9ae2a2e..8889151e0b 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.schemaGroupBy.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.schemaGroupBy.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupByMany.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupByMany.html
index bc7f2ca474..9df87c3f13 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupByMany.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupByMany.html
@@ -497,6 +497,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingle.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingle.html
index b3f970c19d..b6561b5ae6 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingle.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingle.html
@@ -497,6 +497,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingleNamed.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingleNamed.html
index 09738418c4..ae78d4cc56 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingleNamed.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingleNamed.html
@@ -497,6 +497,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotMany.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotMany.html
index c212ccabbc..732710c324 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotMany.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotMany.html
@@ -509,6 +509,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotManySeparate.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotManySeparate.html
index 51d901232c..6f49418473 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotManySeparate.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotManySeparate.html
@@ -509,6 +509,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotSingle.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotSingle.html
index 350232a320..87705c351e 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotSingle.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotSingle.html
@@ -509,6 +509,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.valueCounts.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.valueCounts.html
index 12cf5bc0f7..7f39fd3f0b 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.valueCounts.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.valueCounts.html
@@ -485,6 +485,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.columnAccessorMap.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.columnAccessorMap.html
index dd7a41e38e..ff977bca61 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.columnAccessorMap.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.columnAccessorMap.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromIterable.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromIterable.html
index a32ac924b3..3214aada08 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromIterable.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromIterable.html
@@ -456,6 +456,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"name: String\">name</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie"] }, 
 { name: "<span title=\"age: Int\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">20</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">22</span></span>"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromMap.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromMap.html
index a32ac924b3..3214aada08 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromMap.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromMap.html
@@ -456,6 +456,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"name: String\">name</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie"] }, 
 { name: "<span title=\"age: Int\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">20</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">22</span></span>"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.duplicatedColumns.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.duplicatedColumns.html
index a83c75cb56..e264b8ba71 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.duplicatedColumns.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.duplicatedColumns.html
@@ -456,6 +456,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"col: Int\">col</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">2</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">3</span></span>"] }, 
 ], id: 0, rootId: 0, totalRows: 3 } ) });
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.toDataFrameColumn.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.toDataFrameColumn.html
index 054f370116..7c48f1fb1a 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.toDataFrameColumn.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.toDataFrameColumn.html
@@ -456,6 +456,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"data: java.io.File\">data</span>", children: [], rightAlign: false, values: ["data.csv","data1.csv"] }, 
 ], id: 0, rootId: 0, totalRows: 2 } ) });
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.conditions.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.conditions.html
index 8cf256ce97..b8df01461f 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.conditions.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.conditions.html
@@ -513,6 +513,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.expressions.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.expressions.html
index 788da32809..12f5092e5c 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.expressions.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.expressions.html
@@ -519,6 +519,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.join.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.join.html
index abb35a89a4..051cd87e4d 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.join.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.join.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinDefault.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinDefault.html
index abb35a89a4..051cd87e4d 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinDefault.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinDefault.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinSpecial.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinSpecial.html
index 39eb0bf6f4..a2ab8e02aa 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinSpecial.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinSpecial.html
@@ -533,6 +533,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinWithMatch.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinWithMatch.html
index 902157703c..fbb8b62e6f 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinWithMatch.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinWithMatch.html
@@ -523,6 +523,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.add.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.add.html
index d100d2c806..6141d6f43c 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.add.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.add.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addDataFrames.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addDataFrames.html
index 8d1bf0893b..88b9cfb80c 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addDataFrames.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addDataFrames.html
@@ -501,6 +501,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addExisting.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addExisting.html
index 48e2f1839f..f11a2c0ff1 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addExisting.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addExisting.html
@@ -485,6 +485,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addMany.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addMany.html
index 68988d3410..b3eab22339 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addMany.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addMany.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addRecurrent.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addRecurrent.html
index 4dcaf0718c..004189fb0d 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addRecurrent.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addRecurrent.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.concatGroupBy.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.concatGroupBy.html
index b07d7bf111..b9f0ee56f5 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.concatGroupBy.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.concatGroupBy.html
@@ -471,6 +471,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convert.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convert.html
index ceee97f00f..71cfa69c1b 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convert.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convert.html
@@ -493,6 +493,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertAsColumn.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertAsColumn.html
index 2c85cffef9..1cd7d8f806 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertAsColumn.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertAsColumn.html
@@ -469,6 +469,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertAsFrame.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertAsFrame.html
index ed96afb799..1f56cc9e11 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertAsFrame.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertAsFrame.html
@@ -469,6 +469,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertTo.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertTo.html
index 6dbee8123b..990684ee3d 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertTo.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertTo.html
@@ -533,6 +533,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertToEnum.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertToEnum.html
index 7f00bad17e..4968c7cba1 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertToEnum.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertToEnum.html
@@ -469,6 +469,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"direction: String\">direction</span>", children: [], rightAlign: false, values: ["NORTH","WEST"] }, 
 ], id: 0, rootId: 0, totalRows: 2 } ) });
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertToValueClass.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertToValueClass.html
index e6887a690d..3de5e27a37 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertToValueClass.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertToValueClass.html
@@ -469,6 +469,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"value: String\">value</span>", children: [], rightAlign: false, values: ["1","2"] }, 
 ], id: 0, rootId: 0, totalRows: 2 } ) });
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNA.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNA.html
index 03708eb4d4..a5544c9493 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNA.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNA.html
@@ -471,6 +471,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNaNs.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNaNs.html
index aa0b3f17ae..179debc54d 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNaNs.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNaNs.html
@@ -471,6 +471,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNulls.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNulls.html
index ecc85e48d2..da72f165b6 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNulls.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNulls.html
@@ -503,6 +503,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.flatten.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.flatten.html
index 5cbd806730..6e877778e4 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.flatten.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.flatten.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.flattenAll.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.flattenAll.html
index 5cbd806730..6e877778e4 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.flattenAll.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.flattenAll.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.gather.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.gather.html
index bedada2bae..ac1eefd069 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.gather.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.gather.html
@@ -497,6 +497,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.gatherNames.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.gatherNames.html
index 135afebde4..5cbebb97c3 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.gatherNames.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.gatherNames.html
@@ -509,6 +509,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.group.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.group.html
index ea36bd1677..b65bf72c76 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.group.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.group.html
@@ -485,6 +485,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.implode.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.implode.html
index 0cbebbf830..945b074c96 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.implode.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.implode.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.insert.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.insert.html
index 2a7715e565..7a68e4784d 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.insert.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.insert.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.insertColumn.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.insertColumn.html
index bfe125ba38..958f0b07e4 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.insertColumn.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.insertColumn.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mapMany.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mapMany.html
index 14e6d769dd..e42b26bd0f 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mapMany.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mapMany.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.merge.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.merge.html
index 8e7e392d1f..92828061ad 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.merge.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.merge.html
@@ -471,6 +471,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDefault.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDefault.html
index 9abbcaf886..8443ca2dbb 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDefault.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDefault.html
@@ -471,6 +471,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDifferentWith.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDifferentWith.html
index 17bf7d386d..c22e8d3596 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDifferentWith.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDifferentWith.html
@@ -471,6 +471,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeIntoList.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeIntoList.html
index 7e2e8eb40b..2dae7473f5 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeIntoList.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeIntoList.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeSameWith.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeSameWith.html
index d23f535faa..8671d8a2c9 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeSameWith.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeSameWith.html
@@ -471,6 +471,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.move.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.move.html
index 76ae9e4568..92465a2653 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.move.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.move.html
@@ -597,6 +597,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseAll.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseAll.html
index 0520dac4ab..c9c6aaed55 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseAll.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseAll.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseSome.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseSome.html
index 0520dac4ab..c9c6aaed55 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseSome.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseSome.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseWithOptions.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseWithOptions.html
index 0520dac4ab..c9c6aaed55 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseWithOptions.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseWithOptions.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.remove.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.remove.html
index b16d043f5e..85fb1f3a40 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.remove.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.remove.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.rename.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.rename.html
index e6c78d4788..5e8d1511a7 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.rename.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.rename.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.renameExpression.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.renameExpression.html
index c5828fb9e6..6f151b6aa7 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.renameExpression.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.renameExpression.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorder.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorder.html
index 31deb3f9a5..240f645471 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorder.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorder.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorderInGroup.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorderInGroup.html
index 4401b60f7f..33383bc83d 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorderInGroup.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorderInGroup.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.replace.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.replace.html
index 9e65738856..93787c1439 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.replace.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.replace.html
@@ -501,6 +501,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reverse.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reverse.html
index b7fb669c8e..5b4e800a6d 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reverse.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reverse.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.shuffle.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.shuffle.html
index 5e83fbc42d..08c3dc542e 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.shuffle.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.shuffle.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortBy.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortBy.html
index 5bf88b4bdd..859b097df5 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortBy.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortBy.html
@@ -501,6 +501,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortByDesc.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortByDesc.html
index adac362838..a484f37dc1 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortByDesc.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortByDesc.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortWith.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortWith.html
index ccb76059c1..359a6a3e3a 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortWith.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortWith.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.split.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.split.html
index 189364c60e..cb4dce7e8d 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.split.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.split.html
@@ -477,6 +477,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.split1.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.split1.html
index 5ac0c5dde8..75fbecb261 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.split1.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.split1.html
@@ -483,6 +483,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitInplace.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitInplace.html
index 6ad858f866..e4b1792e43 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitInplace.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitInplace.html
@@ -477,6 +477,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitIntoRows.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitIntoRows.html
index 76fa330533..8b98055b18 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitIntoRows.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitIntoRows.html
@@ -509,6 +509,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex.html
index b9f4ed1863..b708f721be 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex.html
@@ -471,6 +471,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex1.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex1.html
index b0ab0f02ca..77c9961edb 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex1.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex1.html
@@ -477,6 +477,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"name: String\">name</span>", children: [], rightAlign: false, values: ["Cooper (Alice)","Dylan (Bob)","Daniels (Charlie)","Chaplin (Charlie)","Marley (Bob)","Wolf (Alice)","Byrd (Charlie)"] }, 
 { name: "<span title=\"age: Int\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">45</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">20</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">40</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">30</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">20</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">30</span></span>"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.ungroup.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.ungroup.html
index 5cbd806730..6e877778e4 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.ungroup.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.ungroup.html
@@ -465,6 +465,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.update.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.update.html
index 7507b8a03f..9036cee03b 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.update.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.update.html
@@ -553,6 +553,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateAsFrame.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateAsFrame.html
index 1a6167de82..db647a2967 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateAsFrame.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateAsFrame.html
@@ -491,6 +491,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updatePerRowCol.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updatePerRowCol.html
index fe02f3475e..6a36d578cc 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updatePerRowCol.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updatePerRowCol.html
@@ -471,6 +471,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWith.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWith.html
index df40b03c74..93c8529507 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWith.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWith.html
@@ -471,6 +471,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
diff --git a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWithConst.html b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWithConst.html
index aa3e96f8d5..124738fc3c 100644
--- a/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWithConst.html
+++ b/docs/StardustDocs/resources/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWithConst.html
@@ -477,6 +477,68 @@
     }
 })()
 
+function sendHeight() {
+    let totalHeight = 0;
+
+    const detailsElements = document.querySelectorAll('details');
+
+    detailsElements.forEach(detail => {
+       
+        const summary = detail.querySelector('summary');
+        if (summary) {
+            totalHeight += summary.offsetHeight;
+        }
+
+      
+        if (detail.open) {
+            const table = detail.querySelector('table.dataframe');
+            if (table) {
+                totalHeight += table.offsetHeight;
+
+                const styles = getComputedStyle(table);
+                totalHeight += parseFloat(styles.marginTop) + parseFloat(styles.marginBottom) + 10;
+            }
+
+            const description = detail.querySelector('.dataframe_description');
+            if (description) {
+                totalHeight += description.offsetHeight;
+            }
+        }
+    });
+    
+    totalHeight = Math.ceil(totalHeight + 16);
+
+    window.parent.postMessage({type: 'iframeHeight', height: totalHeight}, '*');
+}
+
+function repeatHeightCalculation(maxRetries = 10, interval = 100) {
+    let retries = 0;
+    const intervalId = setInterval(() => {
+        sendHeight();
+        retries++;
+        if (retries >= maxRetries) clearInterval(intervalId);
+    }, interval);
+}
+
+window.addEventListener('load', () => {
+    repeatHeightCalculation();
+
+    document.querySelectorAll('details').forEach(detail => {
+        detail.addEventListener('toggle', () => {
+            setTimeout(sendHeight, 30);
+        });
+    });
+});
+
+const allObservedTables = document.querySelectorAll('table.dataframe');
+allObservedTables.forEach((table) => {
+    const observer = new MutationObserver(sendHeight);
+    observer.observe(table, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+});
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 

From fbd0a7f65bcef4a64236ad9f13508efa708e8427 Mon Sep 17 00:00:00 2001
From: "andrei.kislitsyn" <kisandy@yandex.ru>
Date: Tue, 13 May 2025 01:52:25 +0400
Subject: [PATCH 2/2] move shadow resources to a single file

---
 docs/StardustDocs/d.tree                      |   1 -
 docs/StardustDocs/topics/_shadow_resources.md | 151 +++++++++++++++++-
 .../topics/_shadow_resources_snippets.md      | 148 -----------------
 3 files changed, 150 insertions(+), 150 deletions(-)
 delete mode 100644 docs/StardustDocs/topics/_shadow_resources_snippets.md

diff --git a/docs/StardustDocs/d.tree b/docs/StardustDocs/d.tree
index bd30db31fe..a6e20701b1 100644
--- a/docs/StardustDocs/d.tree
+++ b/docs/StardustDocs/d.tree
@@ -199,5 +199,4 @@
     <toc-element href="https://github.com/Kotlin/dataframe/tree/master/examples" toc-title="Examples"/>
     <toc-element topic="Compiler-Plugin.md"/>
     <toc-element topic="_shadow_resources.md" hidden="true"/>
-    <toc-element topic="_shadow_resources_snippets.md" hidden="true"/>
 </instance-profile>
diff --git a/docs/StardustDocs/topics/_shadow_resources.md b/docs/StardustDocs/topics/_shadow_resources.md
index 60c7011b64..7b6832503b 100644
--- a/docs/StardustDocs/topics/_shadow_resources.md
+++ b/docs/StardustDocs/topics/_shadow_resources.md
@@ -1,4 +1,153 @@
 <resource src="movies.csv"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAsDataRowOrFrame.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDefault.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareInnerColumns.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNulls.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotManySeparate.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareLeft.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.concatGroupBy.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.conditions.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.add.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.flattenAll.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByExpr.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateAsFrame.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInward.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.columnsSelectorByIndices.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Join.joinSpecial.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Create.duplicatedColumns.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByDirectAggregations.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhere.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.select.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertToValueClass.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDifferentWith.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNaNs.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeSameWith.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot2.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorderInGroup.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByRanges.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsModifySet.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.move.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.merge.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.countAggregation.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortBy.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Join.join.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate1.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseAll.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.meanAggregationsSkipNA.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupBy.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.split.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.filterJoinWith.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotMany.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupByOther.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregateWithoutInto.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.head.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitIntoRows.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.group.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupByMany.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Create.columnAccessorMap.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.rightJoinWith.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectors.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertAsFrame.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.gatherNames.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.takeWhile.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.excludeJoinWith.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeIntoList.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCounts.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCommonAggregations.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInAggregate.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.dropLast.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortByDesc.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.valueCounts.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNA.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.convert.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseWithOptions.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.getColumnsByName.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.insertColumn.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.implode.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareInnerValues.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctColumns.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.split1.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertTo.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhile.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNulls.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromMap.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.schemaGroupBy.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.renameExpression.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingleNamed.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNaNs.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.gather.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.fullJoinWith.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.joinWith.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsUsages.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByCondition.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromIterable.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Join.joinWithMatch.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.remove.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describeColumns.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingle.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.takeLast.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Create.toDataFrameColumn.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.filterBy.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWith.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.addRecurrent.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByWithoutAggregation.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Join.joinDefault.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupBy.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.addDataFrames.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.leftJoinWith.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.take.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.drop.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorder.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.shuffle.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseSome.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTopFalse.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.addMany.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex1.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctBy.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.expressions.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.updatePerRowCol.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.mapMany.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregations.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByIndex.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.insert.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWithConst.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTop.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.ungroup.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.flatten.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.filter.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.xs.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.distinct.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.reverse.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertToEnum.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByToFrame.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitInplace.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.byRow.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertAsColumn.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsMisc.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.replace.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.rename.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault1.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortWith.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.update.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.crossProduct.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describe.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareRight.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.addExisting.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.columnsFor.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotMatches.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotSingle.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByIndices.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNA.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.api.ColumnsSelectionDsl.DslGrammar.ColumnGroupPartOfGrammar.ForHtml.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.api.ColumnsSelectionDsl.DslGrammar.ColumnSetPartOfGrammar.ForHtml.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.api.ColumnsSelectionDsl.DslGrammar.PlainDslPartOfGrammar.html"></resource>
+<resource src="org.jetbrains.kotlinx.dataframe.api.ColumnsSelectionDsl.DslGrammar.DefinitionsPartOfGrammar.html"></resource>
+<resource src="extensionPropertiesApi1.html"></resource>
+<resource src="quickstart.ipynb"></resource>
 <resource src="notebook_test_quickstart_6.html"></resource>
 <resource src="notebook_test_quickstart_11.html"></resource>
 <resource src="notebook_test_quickstart_10.html"></resource>
@@ -9,4 +158,4 @@
 <resource src="notebook_test_quickstart_5.html"></resource>
 <resource src="notebook_test_quickstart_12.html"></resource>
 <resource src="notebook_test_quickstart_3.html"></resource>
-<resource src="notebook_test_quickstart_14.html"></resource>
\ No newline at end of file
+<resource src="notebook_test_quickstart_14.html"></resource>
diff --git a/docs/StardustDocs/topics/_shadow_resources_snippets.md b/docs/StardustDocs/topics/_shadow_resources_snippets.md
deleted file mode 100644
index 6424c5b1c2..0000000000
--- a/docs/StardustDocs/topics/_shadow_resources_snippets.md
+++ /dev/null
@@ -1,148 +0,0 @@
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAsDataRowOrFrame.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDefault.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareInnerColumns.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNulls.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotManySeparate.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareLeft.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.concatGroupBy.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.conditions.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.add.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.flattenAll.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByExpr.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateAsFrame.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInward.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.columnsSelectorByIndices.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Join.joinSpecial.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Create.duplicatedColumns.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByDirectAggregations.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhere.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.select.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertToValueClass.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDifferentWith.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNaNs.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeSameWith.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot2.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorderInGroup.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByRanges.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsModifySet.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.move.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.merge.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.countAggregation.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortBy.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Join.join.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate1.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseAll.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.meanAggregationsSkipNA.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupBy.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.split.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.filterJoinWith.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotMany.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupByOther.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregateWithoutInto.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.head.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitIntoRows.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.group.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupByMany.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Create.columnAccessorMap.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.rightJoinWith.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectors.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertAsFrame.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.gatherNames.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.takeWhile.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.excludeJoinWith.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeIntoList.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCounts.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCommonAggregations.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInAggregate.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.dropLast.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortByDesc.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.valueCounts.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNA.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.convert.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseWithOptions.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.getColumnsByName.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.insertColumn.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.implode.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareInnerValues.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctColumns.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.split1.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertTo.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhile.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNulls.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromMap.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.schemaGroupBy.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.renameExpression.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingleNamed.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNaNs.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.gather.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.fullJoinWith.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.joinWith.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsUsages.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByCondition.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromIterable.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Join.joinWithMatch.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.remove.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describeColumns.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingle.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.takeLast.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Create.toDataFrameColumn.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.filterBy.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWith.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.addRecurrent.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByWithoutAggregation.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Join.joinDefault.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupBy.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.addDataFrames.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.leftJoinWith.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.take.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.drop.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorder.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.shuffle.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseSome.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTopFalse.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.addMany.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex1.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctBy.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.expressions.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.updatePerRowCol.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.mapMany.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregations.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByIndex.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.insert.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWithConst.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTop.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.ungroup.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.flatten.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.filter.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.xs.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.distinct.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.reverse.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertToEnum.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByToFrame.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitInplace.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.byRow.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertAsColumn.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsMisc.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.replace.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.rename.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault1.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortWith.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.update.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.crossProduct.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describe.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareRight.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.addExisting.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.columnsFor.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotMatches.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotSingle.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByIndices.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNA.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.api.ColumnsSelectionDsl.DslGrammar.ColumnGroupPartOfGrammar.ForHtml.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.api.ColumnsSelectionDsl.DslGrammar.ColumnSetPartOfGrammar.ForHtml.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.api.ColumnsSelectionDsl.DslGrammar.PlainDslPartOfGrammar.html"></resource>
-<resource src="org.jetbrains.kotlinx.dataframe.api.ColumnsSelectionDsl.DslGrammar.DefinitionsPartOfGrammar.html"></resource>
-<resource src="extensionPropertiesApi1.html"></resource>