diff --git a/README.md b/README.md
index eece048727..3bf6653f46 100644
--- a/README.md
+++ b/README.md
@@ -37,143 +37,65 @@ You could find the following articles there:
 
 ## Setup
 
-### Gradle for JVM
-```groovy
-// build.gradle
-
-plugins {
-    // Optional Gradle plugin for enhanced type safety and schema generation
-    // https://kotlin.github.io/dataframe/gradle.html
-    id 'org.jetbrains.kotlinx.dataframe' version '0.12.0'
-}
-
-repositories {
-    mavenCentral()
-}
-
-dependencies {
-    implementation 'org.jetbrains.kotlinx:dataframe:0.12.0'
-}
+```kotlin
+implementation("org.jetbrains.kotlinx:dataframe:0.12.1")
 ```
 
+Optional Gradle plugin for enhanced type safety and schema generation
+https://kotlin.github.io/dataframe/schemasgradle.html
 ```kotlin
-// build.gradle.kts
-
-plugins {
-    // Optional Gradle plugin for enhanced type safety and schema generation
-    // https://kotlin.github.io/dataframe/gradle.html
-    id("org.jetbrains.kotlinx.dataframe") version "0.12.0"
-}
-
-repositories {
-    mavenCentral()
-}
-
-dependencies {
-    implementation("org.jetbrains.kotlinx:dataframe:0.12.0")
-}
+id("org.jetbrains.kotlinx.dataframe") version "0.12.1"
 ```
 
-### Gradle for Android
-```groovy
-// build.gradle
-
-plugins {
-    // Optional Gradle plugin for enhanced type safety and schema generation
-    // https://kotlin.github.io/dataframe/gradle.html
-    id 'org.jetbrains.kotlinx.dataframe' version '0.12.0'
-}
+Check out the [custom setup page](https://kotlin.github.io/dataframe/gettingstartedgradleadvanced.html) if you don't need some of the formats as dependencies,
+for Groovy, and for configurations specific to Android projects.
 
-dependencies {
-    implementation 'org.jetbrains.kotlinx:dataframe:0.12.0'
-}
+## Getting started
 
-android {
-    defaultConfig {
-        minSdk 26 // Android O+
-    }
-    compileOptions {
-        sourceCompatibility JavaVersion.VERSION_1_8
-        targetCompatibility JavaVersion.VERSION_1_8
-    }
-    kotlinOptions {
-        jvmTarget = '1.8'
-    }
-    packagingOptions {
-        resources {
-            pickFirsts = ["META-INF/AL2.0",
-                          "META-INF/LGPL2.1",
-                          "META-INF/ASL-2.0.txt",
-                          "META-INF/LICENSE.md",
-                          "META-INF/NOTICE.md",
-                          "META-INF/LGPL-3.0.txt"]
-            excludes = ["META-INF/kotlin-jupyter-libraries/libraries.json",
-                        "META-INF/{INDEX.LIST,DEPENDENCIES}",
-                        "{draftv3,draftv4}/schema",
-                        "arrow-git.properties"]
-        }
-    }
-}
-
-// optional, could be required for KSP
-tasks.withType(KotlinCompile).configureEach {
-    kotlinOptions {
-        jvmTarget = '1.8'
-    }
-}
+```kotlin
+import org.jetbrains.kotlinx.dataframe.*
+import org.jetbrains.kotlinx.dataframe.api.*
+import org.jetbrains.kotlinx.dataframe.io.*
 ```
 
 ```kotlin
-// build.gradle.kts
+val df = DataFrame.read("https://raw.githubusercontent.com/Kotlin/dataframe/master/data/jetbrains_repositories.csv")
+df["full_name"][0] // Indexing https://kotlin.github.io/dataframe/access.html
 
-plugins {
-    // Optional Gradle plugin for enhanced type safety and schema generation
-    // https://kotlin.github.io/dataframe/gradle.html
-    id("org.jetbrains.kotlinx.dataframe") version "0.12.0"
-}
+df.filter { "stargazers_count"<Int>() > 50 }.print() 
+```
 
-dependencies {
-    implementation("org.jetbrains.kotlinx:dataframe:0.12.0")
-}
+## Getting started with data schema
 
-android {
-    defaultConfig {
-        minSdk = 26 // Android O+
-    }
-    compileOptions {
-        sourceCompatibility = JavaVersion.VERSION_1_8
-        targetCompatibility = JavaVersion.VERSION_1_8
-    }
-    kotlinOptions {
-        jvmTarget = "1.8"
-    }
-    packaging {
-        resources {
-            pickFirsts += listOf(
-                "META-INF/AL2.0",
-                "META-INF/LGPL2.1",
-                "META-INF/ASL-2.0.txt",
-                "META-INF/LICENSE.md",
-                "META-INF/NOTICE.md",
-                "META-INF/LGPL-3.0.txt",
-            )
-            excludes += listOf(
-                "META-INF/kotlin-jupyter-libraries/libraries.json",
-                "META-INF/{INDEX.LIST,DEPENDENCIES}",
-                "{draftv3,draftv4}/schema",
-                "arrow-git.properties",
-            )
-        }
-    }
-}
+Requires Gradle plugin to work
+```kotlin
+id("org.jetbrains.kotlinx.dataframe") version "0.12.1"
+```
+
+Plugin generates extension properties API for provided sample of data. Column names and their types become discoverable in completion.
 
-// required for KSP
-tasks.withType<org.jetbrains.kotlin.gradle.tasks.KotlinCompile> {
-    kotlinOptions.jvmTarget = "1.8"
+```kotlin
+// Make sure to place the file annotation above the package directive
+@file:ImportDataSchema(
+    "Repository",
+    "https://raw.githubusercontent.com/Kotlin/dataframe/master/data/jetbrains_repositories.csv",
+)
+
+package example
+
+import org.jetbrains.kotlinx.dataframe.annotations.ImportDataSchema
+import org.jetbrains.kotlinx.dataframe.api.*
+
+fun main() {
+    // execute `assemble` to generate extension properties API
+    val df = Repository.readCSV()
+    df.fullName[0]
+    
+    df.filter { stargazersCount > 50 }
 }
 ```
 
-### Jupyter Notebook
+## Getting started in Jupyter Notebook / Kotlin Notebook
 
 Install [Kotlin kernel](https://github.com/Kotlin/kotlin-jupyter) for [Jupyter](https://jupyter.org/)
 
@@ -186,6 +108,16 @@ or specific version:
 %use dataframe(<version>)
 ```
 
+```kotlin
+val df = DataFrame.read("https://raw.githubusercontent.com/Kotlin/dataframe/master/data/jetbrains_repositories.csv")
+df // the last expression in the cell is displayed
+```
+
+When a cell with a variable declaration is executed, in the next cell `DataFrame` provides extension properties based on its data 
+```kotlin
+df.filter { stargazers_count > 50 }
+```
+
 ## Data model
 * `DataFrame` is a list of columns with equal sizes and distinct names.
 * `DataColumn` is a named list of values. Can be one of three kinds:
@@ -193,7 +125,9 @@ or specific version:
   * `ColumnGroup` — contains columns
   * `FrameColumn` — contains dataframes
 
-## Usage example
+## Syntax example
+
+Let us show you how data cleaning and aggregation pipelines could look like with DataFrame.
 
 **Create:**
 ```kotlin
@@ -269,7 +203,9 @@ clean
     }
 ```
 
-[Try it in **Datalore**](https://datalore.jetbrains.com/view/notebook/vq5j45KWkYiSQnACA2Ymij) and explore [**more examples here**](examples).
+Check it out on [**Datalore**](https://datalore.jetbrains.com/view/notebook/vq5j45KWkYiSQnACA2Ymij) to get a better visual impression of what happens and what the hierarchical DataFrame structure looks like. 
+
+Explore [**more examples here**](examples).
 
 ## Kotlin, Kotlin Jupyter, OpenAPI, Arrow and JDK versions
 
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.byRow.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.byRow.html
index 58f64edef2..c7c7a05c0a 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.byRow.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.byRow.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,34 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.df[0].name</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -222,8 +200,7 @@
                             <br>
                             <details>
                             <summary>df.df[3, 5, 6].select { name and age }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_3"></table>
 
@@ -245,8 +222,7 @@
                             <br>
                             <details>
                             <summary>df.df[3..5]</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_6"></table>
 
@@ -260,9 +236,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -536,8 +512,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -551,7 +525,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper"] }, 
@@ -565,7 +538,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper"] }, 
@@ -574,8 +546,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -589,7 +559,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Charlie","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Chaplin","Wolf","Byrd"] }, 
@@ -603,7 +572,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Charlie","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Chaplin","Wolf","Byrd"] }, 
@@ -614,8 +582,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -629,7 +595,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Charlie","Bob","Alice"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Chaplin","Marley","Wolf"] }, 
@@ -643,6 +608,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectors.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectors.html
index 3110a5d95e..f46d22af21 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectors.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectors.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,65 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.select { it.name }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -247,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.select { name }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -264,8 +210,7 @@
                             <br>
                             <details>
                             <summary>df.select { name.firstName }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -281,8 +226,7 @@
                             <br>
                             <details>
                             <summary>df.select { name named &quot;Full Name&quot; }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_6"></table>
 
@@ -298,8 +242,7 @@
                             <br>
                             <details>
                             <summary>df.select { name.firstName.map { it.lowercase() } }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_8"></table>
 
@@ -315,8 +258,7 @@
                             <br>
                             <details>
                             <summary>df.select { 2021 - age }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_10"></table>
 
@@ -332,8 +274,7 @@
                             <br>
                             <details>
                             <summary>df.select { name and age }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_12"></table>
 
@@ -349,8 +290,7 @@
                             <br>
                             <details>
                             <summary>df.select { name..age }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_14"></table>
 
@@ -366,8 +306,7 @@
                             <br>
                             <details>
                             <summary>df.select { name.all() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_16"></table>
 
@@ -383,8 +322,7 @@
                             <br>
                             <details>
                             <summary>df.select { name.cols { !it.isColumnGroup() }.recursively() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_18"></table>
 
@@ -398,9 +336,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -674,8 +612,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -689,7 +625,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -699,8 +634,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -714,7 +647,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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"] }, 
@@ -724,8 +656,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -739,7 +669,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 ], id: 5, rootId: 5, totalRows: 7 } ) });
@@ -747,8 +676,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -762,7 +689,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
 /*<!--*/
 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"] }, 
@@ -772,8 +698,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -787,7 +711,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["alice","bob","charlie","charlie","bob","alice","charlie"] }, 
 ], id: 9, rootId: 9, totalRows: 7 } ) });
@@ -795,8 +718,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -810,7 +731,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(10) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"age: Int\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">2006</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1976</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">2001</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1981</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1991</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">2001</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1991</span></span>"] }, 
 ], id: 11, rootId: 11, totalRows: 7 } ) });
@@ -818,8 +738,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(11) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -833,7 +751,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(12) });
 
-
 /*<!--*/
 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"] }, 
@@ -844,8 +761,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(13) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -859,7 +774,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(14) });
 
-
 /*<!--*/
 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"] }, 
@@ -870,8 +784,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(15) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -885,7 +797,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(16) });
 
-
 /*<!--*/
 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"] }, 
@@ -894,8 +805,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(17) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -909,7 +818,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(18) });
 
-
 /*<!--*/
 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"] }, 
@@ -918,6 +826,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(19) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsMisc.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsMisc.html
index 77faea4aed..5b0966803d 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsMisc.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsMisc.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,110 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.add { &quot;year&quot; from { 0 } }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -292,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.select { cols { it.name().startsWith(&quot;year&quot;) } }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -309,8 +210,7 @@
                             <br>
                             <details>
                             <summary>df.select { startsWith(&quot;year&quot;) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -326,8 +226,7 @@
                             <br>
                             <details>
                             <summary>df.select { colsOf&amp;lt;String&amp;gt;() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_6"></table>
 
@@ -343,8 +242,7 @@
                             <br>
                             <details>
                             <summary>df.select { colsOf&amp;lt;String?&amp;gt; { it.countDistinct() &amp;gt; 5 } }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_8"></table>
 
@@ -360,8 +258,7 @@
                             <br>
                             <details>
                             <summary>df.select { all() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_10"></table>
 
@@ -377,8 +274,7 @@
                             <br>
                             <details>
                             <summary>df.select { take(2) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_12"></table>
 
@@ -394,8 +290,7 @@
                             <br>
                             <details>
                             <summary>df.select { takeLast(2) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_14"></table>
 
@@ -411,8 +306,7 @@
                             <br>
                             <details>
                             <summary>df.select { drop(2) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_16"></table>
 
@@ -428,8 +322,7 @@
                             <br>
                             <details>
                             <summary>df.select { dropLast(2) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_18"></table>
 
@@ -445,8 +338,7 @@
                             <br>
                             <details>
                             <summary>df.select { first { it.name.startsWith(&quot;year&quot;) } }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_20"></table>
 
@@ -464,8 +356,7 @@
                             <summary>df.select {
             colGroup(&quot;name&quot;).last { it.name().endsWith(&quot;Name&quot;) }
         }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_22"></table>
 
@@ -483,8 +374,7 @@
                             <summary>df.select {
             Person::name.single { it.name().startsWith(&quot;first&quot;) }
         }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_24"></table>
 
@@ -500,8 +390,7 @@
                             <br>
                             <details>
                             <summary>df.select { cols { !it.isColumnGroup() }.recursively() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_26"></table>
 
@@ -517,8 +406,7 @@
                             <br>
                             <details>
                             <summary>df.select { all().recursively() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_28"></table>
 
@@ -534,8 +422,7 @@
                             <br>
                             <details>
                             <summary>df.select { cols { it.name().contains(&quot;:&quot;) }.recursively() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_30"></table>
 
@@ -551,8 +438,7 @@
                             <br>
                             <details>
                             <summary>df.select { colsOf&amp;lt;String&amp;gt;().rec() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_32"></table>
 
@@ -568,8 +454,7 @@
                             <br>
                             <details>
                             <summary>df.select { except { colsOf&amp;lt;String&amp;gt;() } }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_34"></table>
 
@@ -585,8 +470,7 @@
                             <br>
                             <details>
                             <summary>df.select { take(2) and col(3) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 6</summary>
                                      <table class="dataframe" id="df_36"></table>
 
@@ -600,9 +484,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -876,8 +760,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -891,7 +773,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -906,8 +787,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -922,7 +801,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"year: Int\">year</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>"] }, 
 ], id: 3, rootId: 3, totalRows: 7 } ) });
@@ -930,8 +808,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -946,7 +822,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"year: Int\">year</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>"] }, 
 ], id: 5, rootId: 5, totalRows: 7 } ) });
@@ -954,8 +829,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -970,15 +843,12 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [], id: 7, rootId: 7, totalRows: 0 } ) });
 /*-->*/
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -993,7 +863,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","Moscow"] }, 
 ], id: 9, rootId: 9, totalRows: 7 } ) });
@@ -1001,8 +870,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1017,7 +884,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(10) });
 
-
 /*<!--*/
 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"] }, 
@@ -1032,8 +898,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(11) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1048,7 +912,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(12) });
 
-
 /*<!--*/
 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"] }, 
@@ -1059,8 +922,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(13) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1075,7 +936,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(14) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"isHappy: Boolean\">isHappy</span>", children: [], rightAlign: false, values: ["true","true","false","true","true","false","true"] }, 
 { name: "<span title=\"year: Int\">year</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>"] }, 
@@ -1084,8 +944,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(15) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1100,7 +958,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(16) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","Moscow"] }, 
 { name: "<span title=\"weight: Int?\">weight</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">54</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">87</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">68</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">55</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">90</span></span>"] }, 
@@ -1111,8 +968,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(17) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1127,7 +982,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(18) });
 
-
 /*<!--*/
 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"] }, 
@@ -1140,8 +994,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(19) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1156,7 +1008,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(20) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"year: Int\">year</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>"] }, 
 ], id: 21, rootId: 21, totalRows: 7 } ) });
@@ -1164,8 +1015,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(21) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1180,7 +1029,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(22) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
 ], id: 23, rootId: 23, totalRows: 7 } ) });
@@ -1188,8 +1036,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(23) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1204,7 +1050,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(24) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 ], id: 25, rootId: 25, totalRows: 7 } ) });
@@ -1212,8 +1057,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(25) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1228,7 +1071,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(26) });
 
-
 /*<!--*/
 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"] }, 
@@ -1242,8 +1084,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(27) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1258,7 +1098,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(28) });
 
-
 /*<!--*/
 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"] }, 
@@ -1275,8 +1114,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(29) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1291,15 +1128,12 @@
 
 call_DataFrame(function() { DataFrame.renderTable(30) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [], id: 31, rootId: 31, totalRows: 0 } ) });
 /*-->*/
 
 call_DataFrame(function() { DataFrame.renderTable(31) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1314,7 +1148,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(32) });
 
-
 /*<!--*/
 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"] }, 
@@ -1323,8 +1156,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(33) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1339,7 +1170,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(34) });
 
-
 /*<!--*/
 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"] }, 
@@ -1354,8 +1184,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(35) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1370,7 +1198,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(36) });
 
-
 /*<!--*/
 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"] }, 
@@ -1382,6 +1209,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(37) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsModifySet.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsModifySet.html
index c2d5bbf5cf..4d3910bd4b 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsModifySet.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsModifySet.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,50 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.select { cols { !it.isColumnGroup() }.recursively().take(3) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -232,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.select { cols { !it.isColumnGroup() }.recursively().takeLast(3) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -249,8 +210,7 @@
                             <br>
                             <details>
                             <summary>df.select { cols { !it.isColumnGroup() }.recursively().drop(3) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -266,8 +226,7 @@
                             <br>
                             <details>
                             <summary>df.select { cols { !it.isColumnGroup() }.recursively().dropLast(3) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_6"></table>
 
@@ -283,8 +242,7 @@
                             <br>
                             <details>
                             <summary>df.select { cols { !it.isColumnGroup() }.rec().filter { it.name().startsWith(&quot;year&quot;) } }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_8"></table>
 
@@ -300,8 +258,7 @@
                             <br>
                             <details>
                             <summary>df.select { cols { !it.isColumnGroup() }.rec().except { age } }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_10"></table>
 
@@ -317,8 +274,7 @@
                             <br>
                             <details>
                             <summary>df.select { (colsOf&amp;lt;Int&amp;gt;() and age).distinct() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_12"></table>
 
@@ -332,9 +288,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -608,8 +564,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -623,7 +577,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -633,8 +586,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -648,7 +599,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","Moscow"] }, 
 { name: "<span title=\"weight: Int?\">weight</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">54</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">87</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">68</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">55</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">90</span></span>"] }, 
@@ -658,8 +608,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -673,7 +621,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","Moscow"] }, 
 { name: "<span title=\"weight: Int?\">weight</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">54</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">87</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">68</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">55</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">90</span></span>"] }, 
@@ -683,8 +630,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -698,7 +643,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
 /*<!--*/
 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"] }, 
@@ -708,8 +652,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -723,15 +665,12 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [], id: 9, rootId: 9, totalRows: 0 } ) });
 /*-->*/
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -745,7 +684,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(10) });
 
-
 /*<!--*/
 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"] }, 
@@ -757,8 +695,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(11) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -772,7 +708,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(12) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ 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>"] }, 
 ], id: 13, rootId: 13, totalRows: 7 } ) });
@@ -780,6 +715,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(13) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsUsages.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsUsages.html
index 6ba0bb419a..d0e4b0a9bd 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsUsages.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnSelectorsUsages.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,56 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.select { age and name }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -238,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.fillNaNs { colsOf&amp;lt;Double&amp;gt;().recursively() }.withZero()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -261,8 +216,7 @@
                             <br>
                             <details>
                             <summary>df.remove { cols { it.hasNulls() } }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_5"></table>
 
@@ -278,8 +232,7 @@
                             <br>
                             <details>
                             <summary>df.into { &quot;nameless&quot; }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_7"></table>
 
@@ -295,8 +248,7 @@
                             <br>
                             <details>
                             <summary>df.update { city }.notNull { it.lowercase() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_9"></table>
 
@@ -318,8 +270,7 @@
                             <br>
                             <details>
                             <summary>df.gather { colsOf&amp;lt;Number&amp;gt;() }.into(&quot;key&quot;, &quot;value&quot;)</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_12"></table>
 
@@ -341,8 +292,7 @@
                             <br>
                             <details>
                             <summary>df.after { city }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_15"></table>
 
@@ -356,9 +306,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -632,8 +582,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -647,7 +595,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ 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>"] }, 
 { name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
@@ -658,8 +605,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -673,7 +618,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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"] }, 
@@ -687,7 +631,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
 /*<!--*/
 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"] }, 
@@ -701,8 +644,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -716,7 +657,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
 /*<!--*/
 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"] }, 
@@ -728,8 +668,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -743,7 +681,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
 /*<!--*/
 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"] }, 
@@ -758,8 +695,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -773,7 +708,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
 /*<!--*/
 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"] }, 
@@ -787,7 +721,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(10) });
 
-
 /*<!--*/
 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"] }, 
@@ -801,8 +734,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(11) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -816,7 +747,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(12) });
 
-
 /*<!--*/
 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"] }, 
@@ -831,7 +761,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(13) });
 
-
 /*<!--*/
 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"] }, 
@@ -846,8 +775,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(14) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -861,7 +788,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(15) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ 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>"] }, 
 { name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","Moscow"] }, 
@@ -874,6 +800,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(16) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnsSelectorByIndices.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnsSelectorByIndices.html
index 5f7eca16ce..dd3e450338 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnsSelectorByIndices.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.columnsSelectorByIndices.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,30 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.select { col(2) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -212,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.select { cols(0, 1, 3) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -229,8 +210,7 @@
                             <br>
                             <details>
                             <summary>df.select { cols(1..4) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -244,9 +224,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -520,8 +500,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -535,7 +513,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","Moscow"] }, 
 ], id: 1, rootId: 1, totalRows: 7 } ) });
@@ -543,8 +520,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -558,7 +533,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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"] }, 
@@ -570,8 +544,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -585,7 +557,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ 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>"] }, 
 { name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","Moscow"] }, 
@@ -596,6 +567,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinct.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinct.html
index 3dc94577b0..3162d04223 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinct.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinct.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctBy.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctBy.html
index 3d72830704..21b0e259f2 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctBy.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctBy.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,27 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.distinctBy { age and name }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -209,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { age and name }.mapToRows { group.first() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -230,9 +214,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -506,8 +490,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -521,7 +503,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -535,8 +516,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -550,7 +529,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ 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>"] }, 
 { name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
@@ -639,7 +617,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
 /*<!--*/
 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"] }, 
@@ -653,6 +630,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(11) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctColumns.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctColumns.html
index 03ca8c081e..89a4f84497 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctColumns.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.distinctColumns.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,27 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.distinct { age and name }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -209,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.select { age and name }.distinct()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -230,9 +214,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -506,8 +490,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -521,7 +503,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ 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>"] }, 
 { name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
@@ -532,8 +513,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -547,7 +526,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ 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>"] }, 
 { name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
@@ -558,7 +536,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ 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>"] }, 
 { name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
@@ -569,6 +546,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.drop.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.drop.html
index f5f80cda5c..4e10db92ac 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.drop.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.drop.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Wolf","Byrd"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropLast.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropLast.html
index b554a5cef8..fabdb074bf 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropLast.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropLast.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,25 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.dropLast()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -207,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.dropLast(5)</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -222,9 +208,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -498,8 +484,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -513,7 +497,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf"] }, 
@@ -527,8 +510,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -542,7 +523,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan"] }, 
@@ -556,6 +536,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNA.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNA.html
index 8726f1bcd3..044ad0ad6c 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNA.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNA.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,40 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.dropNA()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -222,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.dropNA(whereAllNA = true)</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -239,8 +210,7 @@
                             <br>
                             <details>
                             <summary>df.dropNA { weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -256,8 +226,7 @@
                             <br>
                             <details>
                             <summary>df.dropNA { age and weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_6"></table>
 
@@ -273,8 +242,7 @@
                             <br>
                             <details>
                             <summary>df.dropNA(whereAllNA = true) { age and weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_8"></table>
 
@@ -288,9 +256,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -564,8 +532,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -579,7 +545,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Marley","Byrd"] }, 
@@ -593,8 +558,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -608,7 +571,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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"] }, 
@@ -622,8 +584,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -637,7 +597,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Marley","Wolf","Byrd"] }, 
@@ -651,8 +610,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -666,7 +623,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Marley","Wolf","Byrd"] }, 
@@ -680,8 +636,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -695,7 +649,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 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"] }, 
@@ -709,6 +662,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNaNs.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNaNs.html
index 988d0fc7b6..351bff456a 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNaNs.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNaNs.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,40 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.dropNaNs()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -222,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.dropNaNs(whereAllNaN = true)</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -239,8 +210,7 @@
                             <br>
                             <details>
                             <summary>df.dropNaNs { weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -256,8 +226,7 @@
                             <br>
                             <details>
                             <summary>df.dropNaNs { age and weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_6"></table>
 
@@ -273,8 +242,7 @@
                             <br>
                             <details>
                             <summary>df.dropNaNs(whereAllNaN = true) { age and weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_8"></table>
 
@@ -288,9 +256,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -564,8 +532,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -579,7 +545,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -593,8 +558,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -608,7 +571,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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"] }, 
@@ -622,8 +584,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -637,7 +597,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 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"] }, 
@@ -651,8 +610,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -666,7 +623,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
 /*<!--*/
 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"] }, 
@@ -680,8 +636,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -695,7 +649,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 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"] }, 
@@ -709,6 +662,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNulls.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNulls.html
index 251cbddc72..1de0250fca 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNulls.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropNulls.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,40 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.dropNulls()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -222,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.dropNulls(whereAllNull = true)</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -239,8 +210,7 @@
                             <br>
                             <details>
                             <summary>df.dropNulls { city }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -256,8 +226,7 @@
                             <br>
                             <details>
                             <summary>df.dropNulls { city and weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_6"></table>
 
@@ -273,8 +242,7 @@
                             <br>
                             <details>
                             <summary>df.dropNulls(whereAllNull = true) { city and weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_8"></table>
 
@@ -288,9 +256,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -564,8 +532,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -579,7 +545,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Marley","Byrd"] }, 
@@ -593,8 +558,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -608,7 +571,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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"] }, 
@@ -622,8 +584,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -637,7 +597,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Byrd"] }, 
@@ -651,8 +610,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -666,7 +623,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Marley","Byrd"] }, 
@@ -680,8 +636,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -695,7 +649,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 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"] }, 
@@ -709,6 +662,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhere.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhere.html
index 1dc271db3c..4ddc2f59a2 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhere.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhere.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Marley","Byrd"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhile.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhile.html
index 3dc94577b0..3162d04223 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhile.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.dropWhile.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.filter.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.filter.html
index 719343c255..ef7d819e28 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.filter.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.filter.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Wolf"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.filterBy.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.filterBy.html
index f845caa245..61461f03ca 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.filterBy.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.filterBy.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Chaplin","Marley","Byrd"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getColumnsByName.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getColumnsByName.html
index 9a88c21b90..60e15f1ea3 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getColumnsByName.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getColumnsByName.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ 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>"] }, 
 { name: "<span title=\"weight: Int?\">weight</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">54</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">87</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">68</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">55</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">90</span></span>"] }, 
@@ -496,6 +485,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByCondition.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByCondition.html
index 8b4b63badc..ff8047c99e 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByCondition.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByCondition.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,40 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.single { age == 45 }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -222,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.first { weight != null }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -239,8 +210,7 @@
                             <br>
                             <details>
                             <summary>df.minBy { age }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -256,8 +226,7 @@
                             <br>
                             <details>
                             <summary>df.maxBy { name.firstName.length }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_6"></table>
 
@@ -273,8 +242,7 @@
                             <br>
                             <details>
                             <summary>df.maxByOrNull { weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_8"></table>
 
@@ -288,9 +256,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -564,8 +532,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -579,7 +545,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Bob"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Dylan"] }, 
@@ -593,8 +558,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -608,7 +571,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper"] }, 
@@ -622,8 +584,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -637,7 +597,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper"] }, 
@@ -651,8 +610,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -666,7 +623,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Daniels"] }, 
@@ -680,8 +636,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -695,7 +649,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Byrd"] }, 
@@ -709,6 +662,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByIndex.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByIndex.html
index 6527e1520a..3d15c55f60 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByIndex.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getRowByIndex.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Daniels"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByIndices.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByIndices.html
index 9c053ea196..7012c27e0d 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByIndices.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByIndices.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Charlie","Bob"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Chaplin","Marley"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByRanges.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByRanges.html
index 2e9c0e804c..5de6a1560e 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByRanges.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.getSeveralRowsByRanges.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,25 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.df[1..2]</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -207,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.df[0..2, 4..5]</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -222,9 +208,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -498,8 +484,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -513,7 +497,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Dylan","Daniels"] }, 
@@ -527,8 +510,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -542,7 +523,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Bob","Alice"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Marley","Wolf"] }, 
@@ -556,6 +536,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.select.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.select.html
index 9a88c21b90..60e15f1ea3 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.select.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.select.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ 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>"] }, 
 { name: "<span title=\"weight: Int?\">weight</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">54</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">87</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">68</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">55</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">90</span></span>"] }, 
@@ -496,6 +485,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.take.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.take.html
index dc50d0d05e..662df2eeba 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.take.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.take.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.takeLast.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.takeLast.html
index 240705750b..415d5b084f 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.takeLast.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.takeLast.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.takeWhile.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.takeWhile.html
index 10fc5491d1..b78c50dae3 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.takeWhile.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.takeWhile.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.xs.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.xs.html
index b635d07699..3a1c29758e 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.xs.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Access.xs.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,25 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.xs(&quot;Charlie&quot;, &quot;Chaplin&quot;)</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -207,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.xs(&quot;Moscow&quot;, true) { city and isHappy }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -222,9 +208,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -498,8 +484,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -513,7 +497,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"age: Int\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">40</span></span>"] }, 
 { name: "<span title=\"city: String\">city</span>", children: [], rightAlign: false, values: ["Milan"] }, 
@@ -524,8 +507,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -539,7 +520,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Byrd"] }, 
@@ -551,6 +531,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.columnsFor.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.columnsFor.html
index be4e76f6a1..1d873cbb23 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.columnsFor.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.columnsFor.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,40 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.minFor { colsOf&amp;lt;Int&amp;gt;() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -222,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.maxFor { name.firstName and name.lastName }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -239,8 +210,7 @@
                             <br>
                             <details>
                             <summary>df.sumFor { age and weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -256,8 +226,7 @@
                             <br>
                             <details>
                             <summary>df.meanFor { cols(1, 3).asNumbers() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_6"></table>
 
@@ -273,8 +242,7 @@
                             <br>
                             <details>
                             <summary>df.medianFor { name.cols().asComparable() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_8"></table>
 
@@ -288,9 +256,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -564,8 +532,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -579,7 +545,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"age: Int\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15</span></span>"] }, 
 ], id: 1, rootId: 1, totalRows: 1 } ) });
@@ -587,8 +552,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -602,7 +565,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Wolf"] }, 
@@ -611,8 +573,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -626,7 +586,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"age: Int\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">200</span></span>"] }, 
 { name: "<span title=\"weight: Int\">weight</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">354</span></span>"] }, 
@@ -635,8 +594,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -650,7 +607,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"age: Double\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">28.571429</span></span>"] }, 
 { name: "<span title=\"weight: Double\">weight</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">70.8</span></span>"] }, 
@@ -659,8 +615,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -674,7 +628,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Bob"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Daniels"] }, 
@@ -683,6 +636,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.countAggregation.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.countAggregation.html
index 0d66fb78ca..07017d2f06 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.countAggregation.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.countAggregation.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,38 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.groupBy { city }.count()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -226,8 +200,7 @@
                             <br>
                             <details>
                             <summary>df.pivot { city }.count { age &amp;gt; 18 }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_9"></table>
 
@@ -249,8 +222,7 @@
                             <br>
                             <details>
                             <summary>df.pivot { name.firstName }.groupBy { name.lastName }.count()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_18"></table>
 
@@ -276,9 +248,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -552,8 +524,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -567,7 +537,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 4, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 5, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 6, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 7, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -642,7 +611,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"count: Int\">count</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>","<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\">1</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>"] }, 
@@ -651,8 +619,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -666,7 +632,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 11, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 12, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -745,7 +710,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(10) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: Int\">London</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>"] }, 
 { name: "<span title=\"Dubai: Int\">Dubai</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>"] }, 
@@ -758,8 +722,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(17) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -773,7 +735,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(18) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"Alice: DataFrame<*>\">Alice</span>", children: [], rightAlign: false, values: [{ frameId: 20, value: "<b>DataFrame 2 x 5</b>" }] }, 
 { name: "<span title=\"Bob: DataFrame<*>\">Bob</span>", children: [], rightAlign: false, values: [{ frameId: 21, value: "<b>DataFrame 2 x 5</b>" }] }, 
@@ -816,7 +777,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(19) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
 { name: "<span title=\"Alice: DataFrame<*>\">Alice</span>", children: [], rightAlign: false, values: [{ frameId: 24, value: "<b>DataFrame 1 x 5</b>" },"","","","",{ frameId: 25, value: "<b>DataFrame 1 x 5</b>" },""] }, 
@@ -906,7 +866,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(23) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
 { name: "<span title=\"Alice: Int\">Alice</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>"] }, 
@@ -919,6 +878,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(31) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describe.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describe.html
index 071615cd2a..234f4a0afb 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describe.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describe.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"name: String\">name</span>", children: [], rightAlign: false, values: ["firstName","lastName","age","city","weight","isHappy"] }, 
 { name: "<span title=\"path: columns.ColumnPath\">path</span>", children: [], rightAlign: false, values: ["<span class=\"formatted\" title=\"name\nfirstName\"><span class=\"structural\">[</span>name<span class=\"structural\">, </span>firstName<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"name\nlastName\"><span class=\"structural\">[</span>name<span class=\"structural\">, </span>lastName<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"age\"><span class=\"structural\">[</span>age<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"city\"><span class=\"structural\">[</span>city<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"weight\"><span class=\"structural\">[</span>weight<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"isHappy\"><span class=\"structural\">[</span>isHappy<span class=\"structural\">]</span></span>"] }, 
@@ -507,6 +496,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describeColumns.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describeColumns.html
index 2c7129e38b..e237a2bba9 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describeColumns.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.describeColumns.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"name: String\">name</span>", children: [], rightAlign: false, values: ["age","firstName","lastName"] }, 
 { name: "<span title=\"path: columns.ColumnPath\">path</span>", children: [], rightAlign: false, values: ["<span class=\"formatted\" title=\"age\"><span class=\"structural\">[</span>age<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"name\nfirstName\"><span class=\"structural\">[</span>name<span class=\"structural\">, </span>firstName<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"name\nlastName\"><span class=\"structural\">[</span>name<span class=\"structural\">, </span>lastName<span class=\"structural\">]</span></span>"] }, 
@@ -507,6 +496,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupBy.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupBy.html
index 334cab33e9..2ed76be7e4 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupBy.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupBy.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,30 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.groupBy { name }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -212,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city and name.lastName }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_9"></table>
 
@@ -229,8 +210,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { age / 10 named &quot;ageDecade&quot; }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_18"></table>
 
@@ -244,9 +224,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -520,8 +500,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -535,7 +513,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -623,8 +600,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -638,7 +613,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","Moscow"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
@@ -725,8 +699,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(10) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -740,7 +712,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(18) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"ageDecade: Int\">ageDecade</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">4</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">2</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">3</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 20, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 21, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 22, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 23, value: "<b>DataFrame 2 x 5</b>" }] }, 
@@ -793,6 +764,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(19) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregateWithoutInto.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregateWithoutInto.html
index 24c0aee395..9c16b9413a 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregateWithoutInto.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregateWithoutInto.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,19 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -204,9 +194,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -480,8 +470,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -495,7 +483,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 4, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 5, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 6, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 7, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -570,7 +557,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice"] }, 
@@ -581,6 +567,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregations.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregations.html
index 48563bbf7f..098c595e65 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregations.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByAggregations.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,19 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -204,9 +194,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -480,8 +470,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -495,7 +483,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 4, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 5, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 6, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 7, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -570,7 +557,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"total: Int\">total</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>","<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\">1</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>"] }, 
@@ -585,6 +571,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByDirectAggregations.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByDirectAggregations.html
index 797cf63a4e..384b07067a 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByDirectAggregations.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByDirectAggregations.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,78 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.groupBy { city }.max()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -266,8 +200,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city }.mean()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_9"></table>
 
@@ -289,8 +222,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city }.max { age }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_18"></table>
 
@@ -312,8 +244,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city }.sum(&quot;total weight&quot;) { weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_27"></table>
 
@@ -335,8 +266,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city }.count()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_36"></table>
 
@@ -358,8 +288,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city }.max { name.firstName.length() and name.lastName.length() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_45"></table>
 
@@ -381,8 +310,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city }.medianFor { age and weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_54"></table>
 
@@ -404,8 +332,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city }.minFor { (age into &quot;min age&quot;) and (weight into &quot;min weight&quot;) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_63"></table>
 
@@ -427,8 +354,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city }.meanOf(&quot;mean ratio&quot;) { weight?.div(age) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_72"></table>
 
@@ -448,9 +374,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -724,8 +650,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -739,7 +663,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 4, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 5, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 6, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 7, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -814,7 +737,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { 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\">30</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>"] }, 
@@ -825,8 +747,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -840,7 +760,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 11, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 12, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 13, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 14, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 15, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 16, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -915,7 +834,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(10) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"age: Double\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">45.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">25.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">40.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">30.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">20.0</span></span>"] }, 
@@ -925,8 +843,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(17) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -940,7 +856,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(18) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 20, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 21, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 22, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 23, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 24, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 25, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -1015,7 +930,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(19) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { 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\">30</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>"] }, 
@@ -1024,8 +938,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(26) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1039,7 +951,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(27) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 29, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 30, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 31, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 32, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 33, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 34, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -1114,7 +1025,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(28) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"total weight: Int\">total weight</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">54</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">87</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">90</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">68</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">55</span></span>"] }, 
@@ -1123,8 +1033,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(35) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1138,7 +1046,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(36) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 38, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 39, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 40, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 41, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 42, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 43, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -1213,7 +1120,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(37) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"count: Int\">count</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>","<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\">1</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>"] }, 
@@ -1222,8 +1128,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(44) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1237,7 +1141,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(45) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 47, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 48, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 49, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 50, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 51, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 52, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -1312,7 +1215,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(46) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"max: Int\">max</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">6</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">5</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">7</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">7</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">6</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">5</span></span>"] }, 
@@ -1321,8 +1223,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(53) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1336,7 +1236,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(54) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 56, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 57, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 58, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 59, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 60, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 61, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -1411,7 +1310,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(55) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { 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\">25</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>"] }, 
@@ -1421,8 +1319,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(62) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1436,7 +1332,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(63) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 65, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 66, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 67, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 68, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 69, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 70, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -1511,7 +1406,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(64) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"min age: Int\">min 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>"] }, 
@@ -1521,8 +1415,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(71) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1536,7 +1428,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(72) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 74, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 75, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 76, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 77, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 78, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 79, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -1611,7 +1502,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(73) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"mean ratio: Double\">mean ratio</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">3.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">3.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">NaN</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">2.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">2.0</span></span>"] }, 
@@ -1620,6 +1510,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(80) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByExpr.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByExpr.html
index bbea5f85c6..84d5a80f7e 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByExpr.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByExpr.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"nameLength: Int\">nameLength</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">11</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">8</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">14</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">9</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 4, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 5, value: "<b>DataFrame 2 x 5</b>" }] }, 
@@ -540,6 +529,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTop.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTop.html
index 220c72caaf..7aad00adff 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTop.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTop.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 4, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 5, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 6, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 7, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 8, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -573,6 +562,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTopFalse.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTopFalse.html
index 9bfac4b934..9a7e85e6d7 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTopFalse.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByMoveToTopFalse.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
 { name: "<span title=\"name: DataRow<*>\">name</span>", children: [0], rightAlign: false, values: ["<span class=\"formatted\" title=\"lastName: Cooper\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Cooper<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Dylan\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Dylan<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Daniels\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Daniels<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Chaplin\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Chaplin<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Marley\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Marley<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Wolf\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Wolf<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Byrd\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Byrd<span class=\"structural\"> }</span></span>"] }, 
@@ -574,6 +563,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByToFrame.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByToFrame.html
index 1c2d25a1d6..cd8b1d8778 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByToFrame.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByToFrame.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,19 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -204,9 +194,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -480,8 +470,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -495,7 +483,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 4, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 5, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 6, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 7, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -570,7 +557,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 9, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 10, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 11, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 12, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 13, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 14, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -645,6 +631,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByWithoutAggregation.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByWithoutAggregation.html
index 17a9cbff06..55e16a983a 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByWithoutAggregation.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.groupByWithoutAggregation.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,36 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.groupBy { city }.values()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -224,8 +200,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city }.values { name and age }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_15"></table>
 
@@ -247,8 +222,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city }.values { weight into &quot;weights&quot; }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_30"></table>
 
@@ -268,9 +242,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -544,8 +518,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -559,7 +531,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 4, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 5, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 6, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 7, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -634,7 +605,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"name: DataFrame<*>\">name</span>", children: [], rightAlign: false, values: [{ frameId: 9, value: "<b>DataFrame 1 x 2</b>" },{ frameId: 10, value: "<b>DataFrame 1 x 2</b>" },{ frameId: 11, value: "<b>DataFrame 2 x 2</b>" },{ frameId: 12, value: "<b>DataFrame 1 x 2</b>" },{ frameId: 13, value: "<b>DataFrame 1 x 2</b>" },{ frameId: 14, value: "<b>DataFrame 1 x 2</b>" }] }, 
@@ -682,8 +652,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -697,7 +665,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(15) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 17, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 18, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 19, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 20, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 21, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 22, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -772,7 +739,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(16) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"name: DataFrame<*>\">name</span>", children: [], rightAlign: false, values: [{ frameId: 24, value: "<b>DataFrame 1 x 2</b>" },{ frameId: 25, value: "<b>DataFrame 1 x 2</b>" },{ frameId: 26, value: "<b>DataFrame 2 x 2</b>" },{ frameId: 27, value: "<b>DataFrame 1 x 2</b>" },{ frameId: 28, value: "<b>DataFrame 1 x 2</b>" },{ frameId: 29, value: "<b>DataFrame 1 x 2</b>" }] }, 
@@ -818,8 +784,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(23) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -833,7 +797,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(30) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 32, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 33, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 34, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 35, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 36, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 37, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -908,7 +871,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(31) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"weights: List<Int?>\">weights</span>", children: [], rightAlign: false, values: ["<span class=\"formatted\" title=\"54\"><span class=\"structural\">[</span><span class=\"numbers\">54</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"87\"><span class=\"structural\">[</span><span class=\"numbers\">87</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"null\n90\"><span class=\"structural\">[</span><span class=\"null\">null</span><span class=\"structural\">, </span><span class=\"numbers\">90</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"null\"><span class=\"structural\">[</span><span class=\"null\">null</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"68\"><span class=\"structural\">[</span><span class=\"numbers\">68</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"55\"><span class=\"structural\">[</span><span class=\"numbers\">55</span><span class=\"structural\">]</span></span>"] }, 
@@ -917,6 +879,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(38) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.head.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.head.html
index 1f443daae6..5ec99cd8a8 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.head.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.head.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.meanAggregationsSkipNA.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.meanAggregationsSkipNA.html
index 46ca8c7d3f..16bbfa99b2 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.meanAggregationsSkipNA.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.meanAggregationsSkipNA.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"age: Double\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">28.571429</span></span>"] }, 
 { name: "<span title=\"weight: Double\">weight</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">70.8</span></span>"] }, 
@@ -496,6 +485,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot.html
index 09603b8158..526f334290 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -566,6 +555,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot2.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot2.html
index e530b55d83..353557a740 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot2.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivot2.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,25 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.pivot { city and name.firstName }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -207,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.pivot { city then name.firstName }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_11"></table>
 
@@ -222,9 +208,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -498,8 +484,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -513,7 +497,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -631,8 +614,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -646,7 +627,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(11) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"Alice: DataFrame<*>\">Alice</span>", children: [], rightAlign: false, values: [{ frameId: 13, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"London: DataRow<*>\">London</span>", children: [0], rightAlign: false, values: ["<span class=\"formatted\" title=\"Alice:                                    name age   city weight isHappy\n 0 { firstName:Alice, lastName:Cooper }  15 London     54    true\n\"><span class=\"structural\">{ </span><span class=\"structural\">Alice: </span><span class=\"dataFrameCaption\">DataFrame [1 x 5]</span><span class=\"structural\"> }</span></span>"] }, 
@@ -731,6 +711,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(12) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate.html
index 41613cf0ea..517b8ff593 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,19 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -204,9 +194,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -480,8 +470,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -495,7 +483,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -574,7 +561,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper"] }, 
@@ -599,6 +585,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate1.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate1.html
index f98d42659d..a4f3e43f94 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate1.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAggregate1.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,21 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -212,9 +200,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -488,8 +476,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -503,7 +489,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -582,7 +567,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie"] }, 
 { name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 9, value: "<b>DataFrame 1 x 5</b>" },"",""] }, 
@@ -663,7 +647,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie"] }, 
 { name: "<span title=\"age: Double?\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
@@ -720,6 +703,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(15) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAsDataRowOrFrame.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAsDataRowOrFrame.html
index adc46e4969..167f589540 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAsDataRowOrFrame.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotAsDataRowOrFrame.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,31 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.pivot { city }.frames()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -219,8 +200,7 @@
                             <br>
                             <details>
                             <summary>df.pivot { city }.groupBy { name }.frames()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_15"></table>
 
@@ -246,9 +226,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -522,8 +502,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -537,7 +515,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -616,7 +593,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 9, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 10, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -695,8 +671,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -710,7 +684,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(15) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 17, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 18, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -789,7 +762,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(16) });
 
-
 /*<!--*/
 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"] }, 
@@ -883,7 +855,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(23) });
 
-
 /*<!--*/
 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"] }, 
@@ -977,6 +948,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(31) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCommonAggregations.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCommonAggregations.html
index c683259c64..eb07c364e8 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCommonAggregations.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCommonAggregations.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,31 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.pivot { city }.maxFor { age and weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -219,8 +200,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { name }.pivot { city }.median { age }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_9"></table>
 
@@ -246,9 +226,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -522,8 +502,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -537,7 +515,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -616,7 +593,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"age: Int\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15</span></span>"] }, 
 { name: "<span title=\"weight: Int\">weight</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">54</span></span>"] }, 
@@ -641,8 +617,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -656,7 +630,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
 /*<!--*/
 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"] }, 
@@ -744,7 +717,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(10) });
 
-
 /*<!--*/
 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"] }, 
@@ -838,7 +810,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(18) });
 
-
 /*<!--*/
 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"] }, 
@@ -855,6 +826,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(26) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCounts.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCounts.html
index 3e4e3697c1..d245a97ab9 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCounts.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotCounts.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,52 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.pivotCounts { city }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -234,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.pivot { city }.groupByOther().count()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -263,8 +222,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { name }.pivotCounts { city }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_19"></table>
 
@@ -286,8 +244,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { name }.pivot { city }.count()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_29"></table>
 
@@ -317,8 +274,7 @@
                             <summary>df.groupBy { name }.aggregate {
             pivotCounts { city }
         }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_47"></table>
 
@@ -338,9 +294,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -614,8 +570,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -629,7 +583,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -649,8 +602,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -664,7 +615,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 4, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 5, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -743,7 +693,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
 /*<!--*/
 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"] }, 
@@ -840,7 +789,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(10) });
 
-
 /*<!--*/
 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"] }, 
@@ -860,8 +808,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(18) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -875,7 +821,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(19) });
 
-
 /*<!--*/
 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"] }, 
@@ -963,7 +908,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(20) });
 
-
 /*<!--*/
 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"] }, 
@@ -980,8 +924,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(28) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -995,7 +937,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(29) });
 
-
 /*<!--*/
 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"] }, 
@@ -1083,7 +1024,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(30) });
 
-
 /*<!--*/
 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"] }, 
@@ -1177,7 +1117,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(38) });
 
-
 /*<!--*/
 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"] }, 
@@ -1194,8 +1133,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(46) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1209,7 +1146,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(47) });
 
-
 /*<!--*/
 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"] }, 
@@ -1297,7 +1233,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(48) });
 
-
 /*<!--*/
 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"] }, 
@@ -1314,6 +1249,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(56) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault.html
index fb457714d9..a614b52ada 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,35 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.pivot { city }.groupBy { name }.aggregate { min { age } default 0 }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -229,8 +206,7 @@
                             <br>
                             <details>
                             <summary>df.pivot { city }.groupBy { name }.default(0).min()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_17"></table>
 
@@ -262,9 +238,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -538,8 +514,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -553,7 +527,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -632,7 +605,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 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"] }, 
@@ -726,7 +698,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 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"] }, 
@@ -743,8 +714,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(16) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -758,7 +727,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(17) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 19, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 20, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -837,7 +805,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(18) });
 
-
 /*<!--*/
 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"] }, 
@@ -931,7 +898,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(25) });
 
-
 /*<!--*/
 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"] }, 
@@ -1025,7 +991,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(33) });
 
-
 /*<!--*/
 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"] }, 
@@ -1060,6 +1025,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(41) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault1.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault1.html
index 1ab62bc669..6848b08185 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault1.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotDefault1.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,21 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -212,9 +200,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -488,8 +476,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -503,7 +489,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -582,7 +567,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 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"] }, 
@@ -676,7 +660,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 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"] }, 
@@ -705,6 +688,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(16) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupBy.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupBy.html
index 777a4156af..af0727a511 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupBy.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupBy.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,29 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.pivot { city }.groupBy { name }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -217,8 +200,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { name }.pivot { city }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_16"></table>
 
@@ -238,9 +220,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -514,8 +496,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -529,7 +509,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -608,7 +587,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 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"] }, 
@@ -702,8 +680,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -717,7 +693,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(16) });
 
-
 /*<!--*/
 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"] }, 
@@ -805,7 +780,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(17) });
 
-
 /*<!--*/
 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"] }, 
@@ -899,6 +873,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(25) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupByOther.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupByOther.html
index 3e5ed347c8..8e7d91afa8 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupByOther.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotGroupByOther.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,19 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -204,9 +194,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -480,8 +470,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -495,7 +483,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -574,7 +561,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 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"] }, 
@@ -671,6 +657,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInAggregate.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInAggregate.html
index 3ef9149340..9c5aaeab68 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInAggregate.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInAggregate.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,19 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -204,9 +194,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -480,8 +470,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -495,7 +483,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 3, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 4, value: "<b>DataFrame 3 x 5</b>" }] }, 
@@ -537,7 +524,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie"] }, 
 { name: "<span title=\"London: Double?\">London</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
@@ -562,6 +548,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInward.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInward.html
index 112976e85c..b96b193286 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInward.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotInward.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -567,6 +556,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotMatches.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotMatches.html
index f9a7e48271..0304829612 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotMatches.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.pivotMatches.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,52 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.pivotMatches { city }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -234,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.pivot { city }.groupByOther().matches()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -263,8 +222,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { name }.pivotMatches { city }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_19"></table>
 
@@ -286,8 +244,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { name }.pivot { city }.matches()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_29"></table>
 
@@ -317,8 +274,7 @@
                             <summary>df.groupBy { name }.aggregate {
             pivotMatches { city }
         }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_47"></table>
 
@@ -338,9 +294,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -614,8 +570,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -629,7 +583,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -649,8 +602,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -664,7 +615,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 4, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 5, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -743,7 +693,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
 /*<!--*/
 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"] }, 
@@ -840,7 +789,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(10) });
 
-
 /*<!--*/
 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"] }, 
@@ -860,8 +808,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(18) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -875,7 +821,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(19) });
 
-
 /*<!--*/
 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"] }, 
@@ -963,7 +908,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(20) });
 
-
 /*<!--*/
 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"] }, 
@@ -980,8 +924,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(28) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -995,7 +937,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(29) });
 
-
 /*<!--*/
 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"] }, 
@@ -1083,7 +1024,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(30) });
 
-
 /*<!--*/
 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"] }, 
@@ -1177,7 +1117,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(38) });
 
-
 /*<!--*/
 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"] }, 
@@ -1194,8 +1133,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(46) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -1209,7 +1146,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(47) });
 
-
 /*<!--*/
 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"] }, 
@@ -1297,7 +1233,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(48) });
 
-
 /*<!--*/
 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"] }, 
@@ -1314,6 +1249,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(56) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.schemaGroupBy.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.schemaGroupBy.html
index 54aa35307c..642dfea4f1 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.schemaGroupBy.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.schemaGroupBy.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 4, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 5, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 6, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 7, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -562,6 +551,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupByMany.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupByMany.html
index b0f8fbc084..606ea83233 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupByMany.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupByMany.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,29 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.groupBy { city }.meanFor { age and weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -217,8 +200,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city }.mean()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_9"></table>
 
@@ -238,9 +220,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -514,8 +496,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -529,7 +509,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 4, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 5, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 6, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 7, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -604,7 +583,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"age: Double\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">45.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">25.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">40.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">30.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">20.0</span></span>"] }, 
@@ -614,8 +592,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -629,7 +605,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 11, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 12, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 13, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 14, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 15, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 16, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -704,7 +679,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(10) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"age: Double\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">45.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">25.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">40.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">30.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">20.0</span></span>"] }, 
@@ -714,6 +688,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(17) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingle.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingle.html
index 17c58d2db6..706cfafa12 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingle.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingle.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,29 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.groupBy { city }.mean { age }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -217,8 +200,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city }.meanOf { age / 2 }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_9"></table>
 
@@ -238,9 +220,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -514,8 +496,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -529,7 +509,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 4, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 5, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 6, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 7, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -604,7 +583,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"age: Double\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">45.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">25.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">40.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">30.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">20.0</span></span>"] }, 
@@ -613,8 +591,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -628,7 +604,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 11, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 12, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 13, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 14, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 15, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 16, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -703,7 +678,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(10) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"mean: Double\">mean</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">7.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">22.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">12.5</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">20.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">15.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">10.0</span></span>"] }, 
@@ -712,6 +686,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(17) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingleNamed.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingleNamed.html
index c7ad54e180..23a824b9b1 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingleNamed.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticGroupBySingleNamed.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,29 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.groupBy { city }.mean(&quot;mean age&quot;) { age }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -217,8 +200,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city }.meanOf(&quot;custom&quot;) { age / 2 }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_9"></table>
 
@@ -238,9 +220,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -514,8 +496,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -529,7 +509,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 4, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 5, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 6, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 7, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -604,7 +583,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"mean age: Double\">mean age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">45.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">25.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">40.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">30.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">20.0</span></span>"] }, 
@@ -613,8 +591,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -628,7 +604,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 11, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 12, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 13, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 14, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 15, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 16, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -703,7 +678,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(10) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"custom: Double\">custom</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">7.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">22.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">12.5</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">20.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">15.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">10.0</span></span>"] }, 
@@ -712,6 +686,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(17) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotMany.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotMany.html
index 9e3859d4da..bbd905b1b3 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotMany.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotMany.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,33 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.groupBy { city }.pivot { name.lastName }.meanFor { age and weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -227,8 +206,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city }.pivot { name.lastName }.mean()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_17"></table>
 
@@ -254,9 +232,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -530,8 +508,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -545,7 +521,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 4, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 5, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 6, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 7, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -620,7 +595,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"Cooper: DataFrame<*>\">Cooper</span>", children: [], rightAlign: false, values: [{ frameId: 9, value: "<b>DataFrame 1 x 5</b>" },"","","","",""] }, 
@@ -714,7 +688,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"age: Double?\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
@@ -745,8 +718,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(16) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -760,7 +731,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(17) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 19, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 20, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 21, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 22, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 23, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 24, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -835,7 +805,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(18) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"Cooper: DataFrame<*>\">Cooper</span>", children: [], rightAlign: false, values: [{ frameId: 26, value: "<b>DataFrame 1 x 5</b>" },"","","","",""] }, 
@@ -929,7 +898,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(25) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"age: Double?\">age</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
@@ -960,6 +928,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(33) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotManySeparate.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotManySeparate.html
index f9a325e42e..fe66d89198 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotManySeparate.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotManySeparate.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,33 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.groupBy { city }.pivot { name.lastName }.meanFor(separate = true) { age and weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -227,8 +206,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city }.pivot { name.lastName }.mean(separate = true)</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_17"></table>
 
@@ -254,9 +232,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -530,8 +508,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -545,7 +521,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 4, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 5, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 6, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 7, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -620,7 +595,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"Cooper: DataFrame<*>\">Cooper</span>", children: [], rightAlign: false, values: [{ frameId: 9, value: "<b>DataFrame 1 x 5</b>" },"","","","",""] }, 
@@ -714,7 +688,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"Cooper: Double?\">Cooper</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
@@ -742,8 +715,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(16) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -757,7 +728,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(17) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 19, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 20, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 21, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 22, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 23, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 24, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -832,7 +802,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(18) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"Cooper: DataFrame<*>\">Cooper</span>", children: [], rightAlign: false, values: [{ frameId: 26, value: "<b>DataFrame 1 x 5</b>" },"","","","",""] }, 
@@ -926,7 +895,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(25) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"Cooper: Double?\">Cooper</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
@@ -954,6 +922,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(33) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotSingle.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotSingle.html
index b4deedac67..b1fcd8dfc2 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotSingle.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.statisticPivotSingle.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,33 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.groupBy { city }.pivot { name.lastName }.mean { age }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -227,8 +206,7 @@
                             <br>
                             <details>
                             <summary>df.groupBy { city }.pivot { name.lastName }.meanOf { age / 2.0 }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_17"></table>
 
@@ -254,9 +232,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -530,8 +508,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -545,7 +521,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 3, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 4, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 5, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 6, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 7, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -620,7 +595,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"Cooper: DataFrame<*>\">Cooper</span>", children: [], rightAlign: false, values: [{ frameId: 9, value: "<b>DataFrame 1 x 5</b>" },"","","","",""] }, 
@@ -714,7 +688,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"Cooper: Double?\">Cooper</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">15.0</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
@@ -731,8 +704,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(16) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -746,7 +717,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(17) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"group: DataFrame<*>\">group</span>", children: [], rightAlign: false, values: [{ frameId: 19, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 20, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 21, value: "<b>DataFrame 2 x 5</b>" },{ frameId: 22, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 23, value: "<b>DataFrame 1 x 5</b>" },{ frameId: 24, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -821,7 +791,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(18) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"Cooper: DataFrame<*>\">Cooper</span>", children: [], rightAlign: false, values: [{ frameId: 26, value: "<b>DataFrame 1 x 5</b>" },"","","","",""] }, 
@@ -915,7 +884,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(25) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
 { name: "<span title=\"Cooper: Double?\">Cooper</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">7.5</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"] }, 
@@ -932,6 +900,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(33) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.valueCounts.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.valueCounts.html
index 45e9dfc18b..32aec7de19 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.valueCounts.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Analyze.valueCounts.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,25 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.valueCounts()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -207,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.valueCounts { name and city }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -222,9 +208,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -498,8 +484,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -513,7 +497,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"city: String\">city</span>", children: [], rightAlign: false, values: ["Moscow","London","Dubai","Milan","Tokyo"] }, 
 { name: "<span title=\"count: Int\">count</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">2</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1</span></span>"] }, 
@@ -522,8 +505,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -537,7 +518,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Byrd"] }, 
@@ -549,6 +529,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.columnAccessorMap.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.columnAccessorMap.html
index 1ac3ef5c8e..066dd35d4a 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.columnAccessorMap.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.columnAccessorMap.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Charlie","Alice"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Daniels","Wolf"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromIterable.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromIterable.html
index f0f27e06d8..98f2bf62ca 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromIterable.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromIterable.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,21 +173,15 @@
 summary {
     padding: 6px;
 }
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
 <table class="dataframe" id="df_0"></table>
 
 <p class="dataframe_description"></p>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -461,8 +455,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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>"] }, 
@@ -471,6 +463,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromMap.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromMap.html
index f0f27e06d8..98f2bf62ca 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromMap.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.createDataFrameFromMap.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,21 +173,15 @@
 summary {
     padding: 6px;
 }
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
 <table class="dataframe" id="df_0"></table>
 
 <p class="dataframe_description"></p>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -461,8 +455,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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>"] }, 
@@ -471,6 +463,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.duplicatedColumns.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.duplicatedColumns.html
index 958449a85d..5b947bef14 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.duplicatedColumns.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Create.duplicatedColumns.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,21 +173,15 @@
 summary {
     padding: 6px;
 }
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
 <table class="dataframe" id="df_0"></table>
 
 <p class="dataframe_description"></p>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -461,8 +455,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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>"] }, 
 { name: "<span title=\"col1: Int\">col1</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>"] }, 
@@ -471,6 +463,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.conditions.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.conditions.html
index ed1fa444b0..2114c8d538 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.conditions.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.conditions.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,34 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.filter { index() % 5 == 0 }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -216,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.drop { diffOrNull { age } == 0 }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -233,8 +210,7 @@
                             <br>
                             <details>
                             <summary>df.update { weight }.where { index() &amp;gt; 4 &amp;&amp; city != &quot;Paris&quot; }.with { 50 }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -260,9 +236,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -536,8 +512,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -551,7 +525,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Alice"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Wolf"] }, 
@@ -565,8 +538,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -580,7 +551,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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"] }, 
@@ -594,8 +564,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -609,7 +577,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 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"] }, 
@@ -623,7 +590,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
 /*<!--*/
 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"] }, 
@@ -637,7 +603,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
 /*<!--*/
 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"] }, 
@@ -651,6 +616,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.expressions.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.expressions.html
index e7d9e9aade..7401fd1de6 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.expressions.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.DataRowApi.expressions.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,36 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.add(&quot;fullName&quot;) { name.firstName + &quot; &quot; + name.lastName }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -218,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.update { weight }.at(1, 3, 4).with { prev()?.weight }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -247,8 +222,7 @@
                             <br>
                             <details>
                             <summary>df.pivot { city }.with { name.lastName.uppercase() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_6"></table>
 
@@ -268,9 +242,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -544,8 +518,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -559,7 +531,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -574,8 +545,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -589,7 +558,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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"] }, 
@@ -603,7 +571,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
 /*<!--*/
 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"] }, 
@@ -617,7 +584,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 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"] }, 
@@ -631,8 +597,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -646,7 +610,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: DataFrame<*>\">London</span>", children: [], rightAlign: false, values: [{ frameId: 8, value: "<b>DataFrame 1 x 5</b>" }] }, 
 { name: "<span title=\"Dubai: DataFrame<*>\">Dubai</span>", children: [], rightAlign: false, values: [{ frameId: 9, value: "<b>DataFrame 1 x 5</b>" }] }, 
@@ -725,7 +688,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"London: String\">London</span>", children: [], rightAlign: false, values: ["COOPER"] }, 
 { name: "<span title=\"Dubai: String\">Dubai</span>", children: [], rightAlign: false, values: ["DYLAN"] }, 
@@ -738,6 +700,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(14) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.join.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.join.html
index fcfbaa76d1..fe7a340273 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.join.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.join.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -502,6 +491,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinDefault.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinDefault.html
index fcfbaa76d1..fe7a340273 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinDefault.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinDefault.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -502,6 +491,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinSpecial.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinSpecial.html
index 01b517608b..50204aa219 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinSpecial.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinSpecial.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,40 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.innerJoin(other) { name and city }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -222,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.leftJoin(other) { name and city }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -239,8 +210,7 @@
                             <br>
                             <details>
                             <summary>df.rightJoin(other) { name and city }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -256,8 +226,7 @@
                             <br>
                             <details>
                             <summary>df.fullJoin(other) { name and city }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_6"></table>
 
@@ -273,8 +242,7 @@
                             <br>
                             <details>
                             <summary>df.excludeJoin(other) { name and city }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_8"></table>
 
@@ -288,9 +256,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -564,8 +532,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -579,7 +545,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -594,8 +559,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -609,7 +572,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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"] }, 
@@ -624,8 +586,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -639,7 +599,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 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"] }, 
@@ -654,8 +613,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -669,7 +626,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
 /*<!--*/
 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"] }, 
@@ -684,8 +640,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -699,7 +653,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: [] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: [] }, 
@@ -713,6 +666,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinWithMatch.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinWithMatch.html
index 72a8839ecb..6d0abac0ed 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinWithMatch.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Join.joinWithMatch.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,37 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>other.into(&quot;fullName&quot;).cast&amp;lt;Right&amp;gt;()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 3</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -225,8 +200,7 @@
                             <br>
                             <details>
                             <summary>df.join(other) { name match right.fullName }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_3"></table>
 
@@ -242,8 +216,7 @@
                             <br>
                             <details>
                             <summary>joined.df</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 7</summary>
                                      <table class="dataframe" id="df_5"></table>
 
@@ -259,8 +232,7 @@
                             <br>
                             <details>
                             <summary>joined.df</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 7</summary>
                                      <table class="dataframe" id="df_7"></table>
 
@@ -274,9 +246,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -550,8 +522,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -563,7 +533,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -575,7 +544,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 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"] }, 
@@ -587,8 +555,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -602,7 +568,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
 /*<!--*/
 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"] }, 
@@ -618,8 +583,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -635,7 +598,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
 /*<!--*/
 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"] }, 
@@ -649,8 +611,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -666,7 +626,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
 /*<!--*/
 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"] }, 
@@ -680,6 +639,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareInnerColumns.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareInnerColumns.html
index 5181d4c930..bcaa3ba1df 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareInnerColumns.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareInnerColumns.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -152,10 +152,6 @@
 }
 
 
-
-
-
-
 body {
     font-family: "JetBrains Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
     font-size: 14px;
@@ -184,13 +180,11 @@
 td {
     white-space: nowrap;
 }
-            </style>
-        </head>
-        <body>
-            
+</style>
+</head>
+<body>
                     <div class="table-row">
-                        
-<div class="table-container">
+                        <div class="table-container">
     <b>df1</b>
     <table class="dataframe" id="df_0"></table>
 
@@ -206,10 +200,9 @@
 
 </div>
                     </div>
-
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -483,7 +476,6 @@
     }
 })()
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"index: samples.api.JoinWith.ColoredValue<*>\">index</span>", children: [], rightAlign: false, values: [{ style: "background-color:#ccebc5;color:#003300", value: "1"},{ style: "background-color:#b0e0e6;color:#191970", value: "2"},{ style: "background-color:#dda0dd;color:#551a8b", value: "3"}] }, 
 { name: "<span title=\"age: samples.api.JoinWith.ColoredValue<*>\">age</span>", children: [], rightAlign: false, values: [{ style: "background-color:#ccebc5;color:#003300", value: "15"},{ style: "background-color:#b0e0e6;color:#191970", value: "19"},{ style: "background-color:#dda0dd;color:#551a8b", value: "20"}] }, 
@@ -512,6 +504,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareInnerValues.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareInnerValues.html
index b20dad4d4b..cfef8ede48 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareInnerValues.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareInnerValues.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -152,10 +152,6 @@
 }
 
 
-
-
-
-
 body {
     font-family: "JetBrains Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
     font-size: 14px;
@@ -184,13 +180,11 @@
 td {
     white-space: nowrap;
 }
-            </style>
-        </head>
-        <body>
-            
+</style>
+</head>
+<body>
                     <div class="table-row">
-                        
-<div class="table-container">
+                        <div class="table-container">
     <b>df1</b>
     <table class="dataframe" id="df_0"></table>
 
@@ -206,10 +200,9 @@
 
 </div>
                     </div>
-
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -483,7 +476,6 @@
     }
 })()
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"index: samples.api.JoinWith.ColoredValue<*>\">index</span>", children: [], rightAlign: false, values: [{ style: "background-color:#ccebc5;color:#003300", value: "1"},{ style: "background-color:#b0e0e6;color:#191970", value: "2"},{ style: "background-color:#dda0dd;color:#551a8b", value: "3"}] }, 
 { name: "<span title=\"age: samples.api.JoinWith.ColoredValue<*>\">age</span>", children: [], rightAlign: false, values: [{ style: "background-color:#ccebc5;color:#003300", value: "15"},{ style: "background-color:#b0e0e6;color:#191970", value: "19"},{ style: "background-color:#dda0dd;color:#551a8b", value: "20"}] }, 
@@ -514,6 +506,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareLeft.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareLeft.html
index 75b996701b..170856dbcb 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareLeft.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareLeft.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -152,15 +152,6 @@
 }
 
 
-
-
-
-
-
-
-
-
-
 body {
     font-family: "JetBrains Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
     font-size: 14px;
@@ -189,13 +180,11 @@
 td {
     white-space: nowrap;
 }
-            </style>
-        </head>
-        <body>
-            
+</style>
+</head>
+<body>
                     <div class="table-row">
-                        
-<div class="table-container">
+                        <div class="table-container">
     <b>df1</b>
     <table class="dataframe" id="df_0"></table>
 
@@ -213,8 +202,7 @@
                     </div>
 <br><br>
                     <div class="table-row">
-                        
-<div class="table-container">
+                        <div class="table-container">
     <table class="dataframe" id="df_3"></table>
 
 </div>
@@ -227,10 +215,9 @@
 
 </div>
                     </div>
-
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -504,7 +491,6 @@
     }
 })()
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"index: samples.api.JoinWith.ColoredValue<*>\">index</span>", children: [], rightAlign: false, values: [{ style: "background-color:#ccebc5;color:#003300", value: "1"},{ style: "background-color:#b0e0e6;color:#191970", value: "2"},{ style: "background-color:#dda0dd;color:#551a8b", value: "3"}] }, 
 { name: "<span title=\"age: samples.api.JoinWith.ColoredValue<*>\">age</span>", children: [], rightAlign: false, values: [{ style: "background-color:#ccebc5;color:#003300", value: "15"},{ style: "background-color:#b0e0e6;color:#191970", value: "19"},{ style: "background-color:#dda0dd;color:#551a8b", value: "20"}] }, 
@@ -533,8 +519,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"index: samples.api.JoinWith.ColoredValue<*>\">index</span>", children: [], rightAlign: false, values: [{ style: "background-color:#ccebc5;color:#003300", value: "1"},{ style: "background-color:#b0e0e6;color:#191970", value: "2"},{ style: "background-color:#dda0dd;color:#551a8b", value: "3"}] }, 
 { name: "<span title=\"age: samples.api.JoinWith.ColoredValue<*>\">age</span>", children: [], rightAlign: false, values: [{ style: "background-color:#ccebc5;color:#003300", value: "15"},{ style: "background-color:#b0e0e6;color:#191970", value: "19"},{ style: "background-color:#dda0dd;color:#551a8b", value: "20"}] }, 
@@ -565,6 +549,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareRight.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareRight.html
index 52318c43c3..a757294f79 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareRight.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.compareRight.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -152,15 +152,6 @@
 }
 
 
-
-
-
-
-
-
-
-
-
 body {
     font-family: "JetBrains Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
     font-size: 14px;
@@ -189,13 +180,11 @@
 td {
     white-space: nowrap;
 }
-            </style>
-        </head>
-        <body>
-            
+</style>
+</head>
+<body>
                     <div class="table-row">
-                        
-<div class="table-container">
+                        <div class="table-container">
     <b>df1</b>
     <table class="dataframe" id="df_0"></table>
 
@@ -213,8 +202,7 @@
                     </div>
 <br><br>
                     <div class="table-row">
-                        
-<div class="table-container">
+                        <div class="table-container">
     <table class="dataframe" id="df_3"></table>
 
 </div>
@@ -227,10 +215,9 @@
 
 </div>
                     </div>
-
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -504,7 +491,6 @@
     }
 })()
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"index: samples.api.JoinWith.ColoredValue<*>\">index</span>", children: [], rightAlign: false, values: [{ style: "background-color:#ccebc5;color:#003300", value: "1"},{ style: "background-color:#b0e0e6;color:#191970", value: "2"},{ style: "background-color:#dda0dd;color:#551a8b", value: "3"}] }, 
 { name: "<span title=\"age: samples.api.JoinWith.ColoredValue<*>\">age</span>", children: [], rightAlign: false, values: [{ style: "background-color:#ccebc5;color:#003300", value: "15"},{ style: "background-color:#b0e0e6;color:#191970", value: "19"},{ style: "background-color:#dda0dd;color:#551a8b", value: "20"}] }, 
@@ -533,8 +519,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"index: samples.api.JoinWith.ColoredValue<*>\">index</span>", children: [], rightAlign: false, values: [{ style: "background-color:#ccebc5;color:#003300", value: "1"},{ style: "background-color:#b0e0e6;color:#191970", value: "2"},{ style: "background-color:#dda0dd;color:#551a8b", value: "3"}] }, 
 { name: "<span title=\"age: samples.api.JoinWith.ColoredValue<*>\">age</span>", children: [], rightAlign: false, values: [{ style: "background-color:#ccebc5;color:#003300", value: "15"},{ style: "background-color:#b0e0e6;color:#191970", value: "19"},{ style: "background-color:#dda0dd;color:#551a8b", value: "20"}] }, 
@@ -565,6 +549,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.crossProduct.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.crossProduct.html
index 2d47726fa3..e255945e4f 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.crossProduct.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.crossProduct.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -152,9 +152,6 @@
 }
 
 
-
-
-
 body {
     display: flex;
     align-items: flex-start;
@@ -184,10 +181,9 @@
 td {
     white-space: nowrap;
 }
-            </style>
-        </head>
-        <body>
-            
+</style>
+</head>
+<body>
 <div class="table-container">
     <b>campaigns</b>
     <table class="dataframe" id="df_0"></table>
@@ -203,10 +199,9 @@
     <table class="dataframe" id="df_2"></table>
 
 </div>
-
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -508,6 +503,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.excludeJoinWith.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.excludeJoinWith.html
index b4e550fbcb..6433d83422 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.excludeJoinWith.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.excludeJoinWith.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -152,9 +152,6 @@
 }
 
 
-
-
-
 body {
     display: flex;
     align-items: flex-start;
@@ -184,10 +181,9 @@
 td {
     white-space: nowrap;
 }
-            </style>
-        </head>
-        <body>
-            
+</style>
+</head>
+<body>
 <div class="table-container">
     <b>campaigns</b>
     <table class="dataframe" id="df_0"></table>
@@ -203,10 +199,9 @@
     <table class="dataframe" id="df_2"></table>
 
 </div>
-
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -506,6 +501,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.filterJoinWith.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.filterJoinWith.html
index 62737eb924..43465ddd4b 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.filterJoinWith.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.filterJoinWith.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -152,9 +152,6 @@
 }
 
 
-
-
-
 body {
     display: flex;
     align-items: flex-start;
@@ -184,10 +181,9 @@
 td {
     white-space: nowrap;
 }
-            </style>
-        </head>
-        <body>
-            
+</style>
+</head>
+<body>
 <div class="table-container">
     <b>campaigns</b>
     <table class="dataframe" id="df_2"></table>
@@ -203,10 +199,9 @@
     <table class="dataframe" id="df_4"></table>
 
 </div>
-
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -506,6 +501,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.fullJoinWith.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.fullJoinWith.html
index 8b23afea87..6706d80bd4 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.fullJoinWith.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.fullJoinWith.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -152,9 +152,6 @@
 }
 
 
-
-
-
 body {
     display: flex;
     align-items: flex-start;
@@ -184,10 +181,9 @@
 td {
     white-space: nowrap;
 }
-            </style>
-        </head>
-        <body>
-            
+</style>
+</head>
+<body>
 <div class="table-container">
     <b>campaigns</b>
     <table class="dataframe" id="df_0"></table>
@@ -203,10 +199,9 @@
     <table class="dataframe" id="df_2"></table>
 
 </div>
-
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -508,6 +503,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.joinWith.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.joinWith.html
index e2d42c0a87..15b8b08316 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.joinWith.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.joinWith.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -152,9 +152,6 @@
 }
 
 
-
-
-
 body {
     display: flex;
     align-items: flex-start;
@@ -184,10 +181,9 @@
 td {
     white-space: nowrap;
 }
-            </style>
-        </head>
-        <body>
-            
+</style>
+</head>
+<body>
 <div class="table-container">
     <b>campaigns</b>
     <table class="dataframe" id="df_0"></table>
@@ -203,10 +199,9 @@
     <table class="dataframe" id="df_2"></table>
 
 </div>
-
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -508,6 +503,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.leftJoinWith.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.leftJoinWith.html
index 3786450d0e..8670121538 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.leftJoinWith.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.leftJoinWith.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -152,9 +152,6 @@
 }
 
 
-
-
-
 body {
     display: flex;
     align-items: flex-start;
@@ -184,10 +181,9 @@
 td {
     white-space: nowrap;
 }
-            </style>
-        </head>
-        <body>
-            
+</style>
+</head>
+<body>
 <div class="table-container">
     <b>campaigns</b>
     <table class="dataframe" id="df_0"></table>
@@ -203,10 +199,9 @@
     <table class="dataframe" id="df_2"></table>
 
 </div>
-
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -508,6 +503,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.rightJoinWith.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.rightJoinWith.html
index 9381063016..1ee91b3c36 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.rightJoinWith.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.JoinWith.rightJoinWith.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -152,9 +152,6 @@
 }
 
 
-
-
-
 body {
     display: flex;
     align-items: flex-start;
@@ -184,10 +181,9 @@
 td {
     white-space: nowrap;
 }
-            </style>
-        </head>
-        <body>
-            
+</style>
+</head>
+<body>
 <div class="table-container">
     <b>campaigns</b>
     <table class="dataframe" id="df_0"></table>
@@ -203,10 +199,9 @@
     <table class="dataframe" id="df_2"></table>
 
 </div>
-
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -508,6 +503,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.add.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.add.html
index 976fa95c5e..4ac444a30e 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.add.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.add.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -502,6 +491,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addDataFrames.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addDataFrames.html
index df4a1345df..2c38d69741 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addDataFrames.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addDataFrames.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,30 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.select { name named &quot;name2&quot; }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -212,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.select { age named &quot;age2&quot; }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -229,8 +210,7 @@
                             <br>
                             <details>
                             <summary>df.add(df1, df2)</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -244,9 +224,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -520,8 +500,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -535,7 +513,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -545,8 +522,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -560,7 +535,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"age2: Int\">age2</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>"] }, 
 ], id: 3, rootId: 3, totalRows: 7 } ) });
@@ -568,8 +542,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -583,7 +555,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 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"] }, 
@@ -601,6 +572,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addExisting.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addExisting.html
index 261d28c8f1..6cf51d994b 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addExisting.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addExisting.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,25 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.add(score)</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -207,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.df + score</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -222,9 +208,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -498,8 +484,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -513,7 +497,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -528,8 +511,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -543,7 +524,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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"] }, 
@@ -558,6 +538,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addMany.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addMany.html
index 1b58d35a7e..67c292a522 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addMany.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addMany.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -506,6 +495,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addRecurrent.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addRecurrent.html
index fb6adbda4e..050ddf9837 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addRecurrent.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.addRecurrent.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -502,6 +491,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.concatGroupBy.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.concatGroupBy.html
index e8f96529dd..f5b2e8f3e6 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.concatGroupBy.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.concatGroupBy.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,19 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -204,9 +194,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -480,8 +470,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -495,7 +483,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -583,7 +570,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 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"] }, 
@@ -597,6 +583,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convert.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convert.html
index 8b73a6d884..3090c37219 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convert.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convert.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,27 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.convert { age }.with { it.toDouble() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -213,8 +198,7 @@
                             <br>
                             <details>
                             <summary>df.convert { colsOf&amp;lt;String&amp;gt;().recursively() }.with { it.toCharArray().toList() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -232,9 +216,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -508,8 +492,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -523,8 +505,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -538,8 +518,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -553,8 +531,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: List<Char>\">firstName</span>", children: [], rightAlign: false, values: ["<span class=\"formatted\" title=\"A\nl\ni\nc\ne\"><span class=\"structural\">[</span>A<span class=\"structural\">, </span>l<span class=\"structural\">, </span>i<span class=\"structural\">, </span>c<span class=\"structural\">, </span>e<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"B\no\nb\"><span class=\"structural\">[</span>B<span class=\"structural\">, </span>o<span class=\"structural\">, </span>b<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"C\nh\na\nr\nl\ni\ne\"><span class=\"structural\">[</span>C<span class=\"structural\">, </span>h<span class=\"structural\">, </span>a<span class=\"structural\">, </span>r<span class=\"structural\">, </span>l<span class=\"structural\">, </span>i<span class=\"structural\">, </span>e<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"C\nh\na\nr\nl\ni\ne\"><span class=\"structural\">[</span>C<span class=\"structural\">, </span>h<span class=\"structural\">, </span>a<span class=\"structural\">, </span>r<span class=\"structural\">, </span>l<span class=\"structural\">, </span>i<span class=\"structural\">, </span>e<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"B\no\nb\"><span class=\"structural\">[</span>B<span class=\"structural\">, </span>o<span class=\"structural\">, </span>b<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"A\nl\ni\nc\ne\"><span class=\"structural\">[</span>A<span class=\"structural\">, </span>l<span class=\"structural\">, </span>i<span class=\"structural\">, </span>c<span class=\"structural\">, </span>e<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"C\nh\na\nr\nl\ni\ne\"><span class=\"structural\">[</span>C<span class=\"structural\">, </span>h<span class=\"structural\">, </span>a<span class=\"structural\">, </span>r<span class=\"structural\">, </span>l<span class=\"structural\">, </span>i<span class=\"structural\">, </span>e<span class=\"structural\">]</span></span>"] }, 
 { name: "<span title=\"lastName: List<Char>\">lastName</span>", children: [], rightAlign: false, values: ["<span class=\"formatted\" title=\"C\no\no\np\ne\nr\"><span class=\"structural\">[</span>C<span class=\"structural\">, </span>o<span class=\"structural\">, </span>o<span class=\"structural\">, </span>p<span class=\"structural\">, </span>e<span class=\"structural\">, </span>r<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"D\ny\nl\na\nn\"><span class=\"structural\">[</span>D<span class=\"structural\">, </span>y<span class=\"structural\">, </span>l<span class=\"structural\">, </span>a<span class=\"structural\">, </span>n<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"D\na\nn\ni\ne\nl\ns\"><span class=\"structural\">[</span>D<span class=\"structural\">, </span>a<span class=\"structural\">, </span>n<span class=\"structural\">, </span>i<span class=\"structural\">, </span>e<span class=\"structural\">, </span>l<span class=\"structural\">, </span>s<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"C\nh\na\np\nl\ni\nn\"><span class=\"structural\">[</span>C<span class=\"structural\">, </span>h<span class=\"structural\">, </span>a<span class=\"structural\">, </span>p<span class=\"structural\">, </span>l<span class=\"structural\">, </span>i<span class=\"structural\">, </span>n<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"M\na\nr\nl\ne\ny\"><span class=\"structural\">[</span>M<span class=\"structural\">, </span>a<span class=\"structural\">, </span>r<span class=\"structural\">, </span>l<span class=\"structural\">, </span>e<span class=\"structural\">, </span>y<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"W\no\nl\nf\"><span class=\"structural\">[</span>W<span class=\"structural\">, </span>o<span class=\"structural\">, </span>l<span class=\"structural\">, </span>f<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"B\ny\nr\nd\"><span class=\"structural\">[</span>B<span class=\"structural\">, </span>y<span class=\"structural\">, </span>r<span class=\"structural\">, </span>d<span class=\"structural\">]</span></span>"] }, 
@@ -568,6 +544,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertTo.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertTo.html
index ef4ff4f4ac..7524eb65ec 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertTo.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertTo.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,39 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.convert { age }.to&amp;lt;Double&amp;gt;()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -225,8 +198,7 @@
                             <br>
                             <details>
                             <summary>df.convert { colsOf&amp;lt;Number&amp;gt;() }.to&amp;lt;String&amp;gt;()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -246,8 +218,7 @@
                             <br>
                             <details>
                             <summary>df.convert { name.firstName and name.lastName }.to { it.length() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -267,8 +238,7 @@
                             <br>
                             <details>
                             <summary>df.convert { weight }.toFloat()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_6"></table>
 
@@ -286,9 +256,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -562,8 +532,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -577,8 +545,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -592,8 +558,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -607,8 +571,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -622,8 +584,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -637,8 +597,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: Int\">firstName</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">5</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">3</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">7</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">7</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">3</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">5</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">7</span></span>"] }, 
 { name: "<span title=\"lastName: Int\">lastName</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">6</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">5</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">7</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">7</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">6</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">4</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">4</span></span>"] }, 
@@ -652,8 +610,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -667,8 +623,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -682,6 +636,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertToEnum.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertToEnum.html
index ee105d39b7..6fc9b604d9 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertToEnum.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.convertToEnum.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,18 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 2, columnsCount = 1</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -201,9 +192,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -477,8 +468,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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 } ) });
@@ -486,8 +475,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"direction: samples.api.Modify.Direction\">direction</span>", children: [], rightAlign: false, values: ["NORTH","WEST"] }, 
 ], id: 1, rootId: 1, totalRows: 2 } ) });
@@ -495,6 +482,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNA.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNA.html
index d688412f21..825e805b51 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNA.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNA.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,19 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -204,9 +194,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -480,8 +470,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -495,7 +483,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -509,7 +496,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 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"] }, 
@@ -523,6 +509,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNaNs.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNaNs.html
index 30a904e66f..dfc6d152ec 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNaNs.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNaNs.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,19 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -204,9 +194,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -480,8 +470,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -495,7 +483,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -509,7 +496,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 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"] }, 
@@ -523,6 +509,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNulls.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNulls.html
index 407a82da2c..ec8c9a6545 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNulls.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.fillNulls.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,31 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.fillNulls { colsOf&amp;lt;Int?&amp;gt;() }.with { -1 }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -219,8 +200,7 @@
                             <br>
                             <details>
                             <summary>df.update { colsOf&amp;lt;Int?&amp;gt;() }.where { it == null }.with { -1 }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_3"></table>
 
@@ -246,9 +226,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -522,8 +502,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -537,7 +515,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -551,7 +528,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 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"] }, 
@@ -565,8 +541,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -580,7 +554,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
 /*<!--*/
 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"] }, 
@@ -594,7 +567,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 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"] }, 
@@ -608,7 +580,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
 /*<!--*/
 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"] }, 
@@ -622,6 +593,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.flatten.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.flatten.html
index c243cca37e..03ea9fb4f4 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.flatten.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.flatten.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -500,6 +489,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.flattenAll.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.flattenAll.html
index c243cca37e..03ea9fb4f4 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.flattenAll.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.flattenAll.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -500,6 +489,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.gather.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.gather.html
index fa08475487..87451ca36d 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.gather.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.gather.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,29 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.dropNulls { city }.pivotCounts(inward = false) { city }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -217,8 +200,7 @@
                             <br>
                             <details>
                             <summary>pivoted.gather { &quot;London&quot;..&quot;Tokyo&quot; }.into(&quot;city&quot;, &quot;population&quot;)</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 6, columnsCount = 9</summary>
                                      <table class="dataframe" id="df_3"></table>
 
@@ -238,9 +220,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -514,8 +496,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -529,7 +509,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Byrd"] }, 
@@ -543,7 +522,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Byrd"] }, 
@@ -561,8 +539,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Byrd"] }, 
@@ -580,7 +556,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Alice","Alice","Alice","Alice","Bob","Bob","Bob","Bob","Bob","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Cooper","Cooper","Cooper","Cooper","Dylan","Dylan","Dylan","Dylan","Dylan","Daniels","Daniels","Daniels","Daniels","Daniels","Chaplin","Chaplin","Chaplin","Chaplin","Chaplin"] }, 
@@ -595,7 +570,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Alice","Alice","Alice","Alice","Bob","Bob","Bob","Bob","Bob","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Cooper","Cooper","Cooper","Cooper","Dylan","Dylan","Dylan","Dylan","Dylan","Daniels","Daniels","Daniels","Daniels","Daniels","Chaplin","Chaplin","Chaplin","Chaplin","Chaplin"] }, 
@@ -610,6 +584,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.gatherNames.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.gatherNames.html
index 7b47b82743..4efeb4818d 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.gatherNames.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.gatherNames.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,33 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.dropNulls { city }.pivotCounts(inward = false) { city }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -221,8 +200,7 @@
                             <br>
                             <details>
                             <summary>pivoted.gather { &quot;London&quot;..&quot;Tokyo&quot; }.cast&amp;lt;Int&amp;gt;().where { it &amp;gt; 0 }.keysInto(&quot;city&quot;)</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 6, columnsCount = 9</summary>
                                      <table class="dataframe" id="df_3"></table>
 
@@ -254,9 +232,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -530,8 +508,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -545,7 +521,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Byrd"] }, 
@@ -559,7 +534,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Byrd"] }, 
@@ -577,8 +551,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Byrd"] }, 
@@ -596,7 +568,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Alice","Alice","Alice","Alice","Bob","Bob","Bob","Bob","Bob","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Cooper","Cooper","Cooper","Cooper","Dylan","Dylan","Dylan","Dylan","Dylan","Daniels","Daniels","Daniels","Daniels","Daniels","Chaplin","Chaplin","Chaplin","Chaplin","Chaplin"] }, 
@@ -611,7 +582,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Alice","Alice","Alice","Alice","Bob","Bob","Bob","Bob","Bob","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Cooper","Cooper","Cooper","Cooper","Dylan","Dylan","Dylan","Dylan","Dylan","Daniels","Daniels","Daniels","Daniels","Daniels","Chaplin","Chaplin","Chaplin","Chaplin","Chaplin"] }, 
@@ -626,7 +596,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Byrd"] }, 
@@ -641,7 +610,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Byrd"] }, 
@@ -655,6 +623,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.group.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.group.html
index b70fc4536b..3d68465be1 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.group.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.group.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,25 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.into(&quot;info&quot;)</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -207,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.into { it.type().toString() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -222,9 +208,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -498,8 +484,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -513,7 +497,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -528,8 +511,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -543,7 +524,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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"] }, 
@@ -562,6 +542,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.implode.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.implode.html
index 991bc542b9..8e773e1a4e 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.implode.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.implode.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"name: DataFrame<*>\">name</span>", children: [], rightAlign: false, values: [{ frameId: 2, value: "<b>DataFrame 1 x 2</b>" },{ frameId: 3, value: "<b>DataFrame 1 x 2</b>" },{ frameId: 4, value: "<b>DataFrame 2 x 2</b>" },{ frameId: 5, value: "<b>DataFrame 1 x 2</b>" },{ frameId: 6, value: "<b>DataFrame 1 x 2</b>" },{ frameId: 7, value: "<b>DataFrame 1 x 2</b>" }] }, 
 { name: "<span title=\"age: List<Int>\">age</span>", children: [], rightAlign: false, values: ["<span class=\"formatted\" title=\"15\"><span class=\"structural\">[</span><span class=\"numbers\">15</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"45\"><span class=\"structural\">[</span><span class=\"numbers\">45</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"20\n30\"><span class=\"structural\">[</span><span class=\"numbers\">20</span><span class=\"structural\">, </span><span class=\"numbers\">30</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"40\"><span class=\"structural\">[</span><span class=\"numbers\">40</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"30\"><span class=\"structural\">[</span><span class=\"numbers\">30</span><span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"20\"><span class=\"structural\">[</span><span class=\"numbers\">20</span><span class=\"structural\">]</span></span>"] }, 
@@ -535,6 +524,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.insert.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.insert.html
index 5d787817b9..c0ce3412fc 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.insert.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.insert.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -502,6 +491,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.insertColumn.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.insertColumn.html
index b18e9b6080..b5625c2121 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.insertColumn.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.insertColumn.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -502,6 +491,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mapMany.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mapMany.html
index f8c6dfeef3..ac8841505c 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mapMany.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mapMany.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"year of birth: Int\">year of birth</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">2006</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1976</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">2001</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1981</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1991</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">2001</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">1991</span></span>"] }, 
 { name: "<span title=\"is adult: Boolean\">is adult</span>", children: [], rightAlign: false, values: ["false","true","true","true","true","true","true"] }, 
@@ -499,6 +488,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.merge.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.merge.html
index 8c17c35cde..4b2dbc51e1 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.merge.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.merge.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,21 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -212,9 +200,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -488,8 +476,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -503,7 +489,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"merged: List<String>\">merged</span>", children: [], rightAlign: false, values: ["<span class=\"formatted\" title=\"Alice\nCooper\"><span class=\"structural\">[</span>Alice<span class=\"structural\">, </span>Cooper<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Bob\nDylan\"><span class=\"structural\">[</span>Bob<span class=\"structural\">, </span>Dylan<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Charlie\nDaniels\"><span class=\"structural\">[</span>Charlie<span class=\"structural\">, </span>Daniels<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Charlie\nChaplin\"><span class=\"structural\">[</span>Charlie<span class=\"structural\">, </span>Chaplin<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Bob\nMarley\"><span class=\"structural\">[</span>Bob<span class=\"structural\">, </span>Marley<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Alice\nWolf\"><span class=\"structural\">[</span>Alice<span class=\"structural\">, </span>Wolf<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Charlie\nByrd\"><span class=\"structural\">[</span>Charlie<span class=\"structural\">, </span>Byrd<span class=\"structural\">]</span></span>"] }, 
 { 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>"] }, 
@@ -515,7 +500,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"merged: String\">merged</span>", children: [], rightAlign: false, values: ["Alice Cooper","Bob Dylan","Charlie Daniels","Charlie Chaplin","Bob Marley","Alice Wolf","Charlie Byrd"] }, 
 { 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>"] }, 
@@ -527,7 +511,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"fullName: String\">fullName</span>", children: [], rightAlign: false, values: ["Alice Cooper","Bob Dylan","Charlie Daniels","Charlie Chaplin","Bob Marley","Alice Wolf","Charlie Byrd"] }, 
 { 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>"] }, 
@@ -539,6 +522,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDefault.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDefault.html
index f83605e077..4565ddb508 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDefault.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDefault.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,19 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -204,9 +194,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -480,8 +470,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -495,7 +483,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -509,7 +496,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 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"] }, 
@@ -523,6 +509,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDifferentWith.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDifferentWith.html
index 458af81fd9..7e82ca332b 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDifferentWith.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeDifferentWith.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,21 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -212,9 +200,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -488,8 +476,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -503,7 +489,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
 { name: "<span title=\"name: DataRow<*>\">name</span>", children: [0], rightAlign: false, values: ["<span class=\"formatted\" title=\"lastName: Cooper\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Cooper<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Dylan\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Dylan<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Daniels\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Daniels<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Chaplin\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Chaplin<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Marley\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Marley<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Wolf\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Wolf<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Byrd\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Byrd<span class=\"structural\"> }</span></span>"] }, 
@@ -515,7 +500,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
 { name: "<span title=\"name: DataRow<*>\">name</span>", children: [0], rightAlign: false, values: ["<span class=\"formatted\" title=\"lastName: Cooper\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Cooper<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Dylan\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Dylan<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Daniels\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Daniels<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Chaplin\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Chaplin<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Marley\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Marley<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Wolf\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Wolf<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Byrd\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Byrd<span class=\"structural\"> }</span></span>"] }, 
@@ -527,7 +511,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
 { name: "<span title=\"name: DataRow<*>\">name</span>", children: [0], rightAlign: false, values: ["<span class=\"formatted\" title=\"lastName: Cooper\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Cooper<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Dylan\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Dylan<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Daniels\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Daniels<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Chaplin\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Chaplin<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Marley\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Marley<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Wolf\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Wolf<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Byrd\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Byrd<span class=\"structural\"> }</span></span>"] }, 
@@ -539,6 +522,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeIntoList.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeIntoList.html
index a6d42a35a5..18cd675de1 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeIntoList.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeIntoList.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,19 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -204,9 +194,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -480,8 +470,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -495,7 +483,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"merged: List<String>\">merged</span>", children: [], rightAlign: false, values: ["<span class=\"formatted\" title=\"Alice\nCooper\"><span class=\"structural\">[</span>Alice<span class=\"structural\">, </span>Cooper<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Bob\nDylan\"><span class=\"structural\">[</span>Bob<span class=\"structural\">, </span>Dylan<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Charlie\nDaniels\"><span class=\"structural\">[</span>Charlie<span class=\"structural\">, </span>Daniels<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Charlie\nChaplin\"><span class=\"structural\">[</span>Charlie<span class=\"structural\">, </span>Chaplin<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Bob\nMarley\"><span class=\"structural\">[</span>Bob<span class=\"structural\">, </span>Marley<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Alice\nWolf\"><span class=\"structural\">[</span>Alice<span class=\"structural\">, </span>Wolf<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Charlie\nByrd\"><span class=\"structural\">[</span>Charlie<span class=\"structural\">, </span>Byrd<span class=\"structural\">]</span></span>"] }, 
 { 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>"] }, 
@@ -507,7 +494,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"merged: String\">merged</span>", children: [], rightAlign: false, values: ["Alice,Cooper","Bob,Dylan","Charlie,Daniels","Charlie,Chaplin","Bob,Marley","Alice,Wolf","Charlie,Byrd"] }, 
 { 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>"] }, 
@@ -519,6 +505,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeSameWith.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeSameWith.html
index 7f0af60eba..5266ad1b42 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeSameWith.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.mergeSameWith.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,21 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -212,9 +200,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -488,8 +476,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -503,7 +489,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"merged: List<String>\">merged</span>", children: [], rightAlign: false, values: ["<span class=\"formatted\" title=\"Alice\nCooper\"><span class=\"structural\">[</span>Alice<span class=\"structural\">, </span>Cooper<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Bob\nDylan\"><span class=\"structural\">[</span>Bob<span class=\"structural\">, </span>Dylan<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Charlie\nDaniels\"><span class=\"structural\">[</span>Charlie<span class=\"structural\">, </span>Daniels<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Charlie\nChaplin\"><span class=\"structural\">[</span>Charlie<span class=\"structural\">, </span>Chaplin<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Bob\nMarley\"><span class=\"structural\">[</span>Bob<span class=\"structural\">, </span>Marley<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Alice\nWolf\"><span class=\"structural\">[</span>Alice<span class=\"structural\">, </span>Wolf<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Charlie\nByrd\"><span class=\"structural\">[</span>Charlie<span class=\"structural\">, </span>Byrd<span class=\"structural\">]</span></span>"] }, 
 { 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>"] }, 
@@ -515,7 +500,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"merged: String\">merged</span>", children: [], rightAlign: false, values: ["Alice (COOPER)","Bob (DYLAN)","Charlie (DANIELS)","Charlie (CHAPLIN)","Bob (MARLEY)","Alice (WOLF)","Charlie (BYRD)"] }, 
 { 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>"] }, 
@@ -527,7 +511,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"fullName: String\">fullName</span>", children: [], rightAlign: false, values: ["Alice (COOPER)","Bob (DYLAN)","Charlie (DANIELS)","Charlie (CHAPLIN)","Bob (MARLEY)","Alice (WOLF)","Charlie (BYRD)"] }, 
 { 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>"] }, 
@@ -539,6 +522,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.move.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.move.html
index 005a933f29..684c1f801a 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.move.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.move.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,60 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.toLeft()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -242,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.to(1)</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -259,8 +210,7 @@
                             <br>
                             <details>
                             <summary>df.into { pathOf(&quot;info&quot;, it.name()) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -276,8 +226,7 @@
                             <br>
                             <details>
                             <summary>df.into { &quot;info&quot;[it.name()] }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_6"></table>
 
@@ -293,8 +242,7 @@
                             <br>
                             <details>
                             <summary>df.under(&quot;info&quot;)</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_8"></table>
 
@@ -310,8 +258,7 @@
                             <br>
                             <details>
                             <summary>df.into { pathOf(&quot;fullName&quot;, it.name().dropLast(4)) }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_10"></table>
 
@@ -327,8 +274,7 @@
                             <br>
                             <details>
                             <summary>dataFrameOf(&quot;a|b|c&quot;, &quot;a|d|e&quot;)(0, 0).into { it.name().split(&quot;|&quot;).toPath() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 1, columnsCount = 2</summary>
                                      <table class="dataframe" id="df_12"></table>
 
@@ -344,8 +290,7 @@
                             <br>
                             <details>
                             <summary>df.toTop()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_14"></table>
 
@@ -361,8 +306,7 @@
                             <br>
                             <details>
                             <summary>df.toTop { it.parentName + it.name() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_16"></table>
 
@@ -376,9 +320,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -652,8 +596,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -667,7 +609,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ 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>"] }, 
 { name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
@@ -681,8 +622,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -696,7 +635,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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"] }, 
@@ -710,8 +648,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -725,7 +661,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 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"] }, 
@@ -740,8 +675,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -755,7 +688,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
 /*<!--*/
 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"] }, 
@@ -770,8 +702,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -785,7 +715,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 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"] }, 
@@ -800,8 +729,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -815,7 +742,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(10) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"first: String\">first</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"last: String\">last</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
@@ -829,8 +755,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(11) });
 
-
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"a|b|c: Int\">a|b|c</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>"] }, 
 { name: "<span title=\"a|d|e: Int\">a|d|e</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>"] }, 
@@ -839,7 +763,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(12) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"c: Int\">c</span>", children: [], rightAlign: true, values: ["<span class=\"formatted\" title=\"\"><span class=\"numbers\">0</span></span>"] }, 
 { name: "<span title=\"b: DataRow<*>\">b</span>", children: [0], rightAlign: false, values: ["<span class=\"formatted\" title=\"c: 0\"><span class=\"structural\">{ </span><span class=\"structural\">c: </span><span class=\"numbers\">0</span><span class=\"structural\"> }</span></span>"] }, 
@@ -851,8 +774,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(13) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -866,7 +787,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(14) });
 
-
 /*<!--*/
 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"] }, 
@@ -879,8 +799,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(15) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -894,7 +812,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(16) });
 
-
 /*<!--*/
 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"] }, 
@@ -908,6 +825,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(17) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseAll.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseAll.html
index 3dc94577b0..3162d04223 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseAll.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseAll.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseSome.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseSome.html
index 3dc94577b0..3162d04223 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseSome.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseSome.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseWithOptions.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseWithOptions.html
index 3dc94577b0..3162d04223 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseWithOptions.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.parseWithOptions.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.remove.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.remove.html
index c25dfea7a6..ff9fef3de4 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.remove.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.remove.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ 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>"] }, 
 { name: "<span title=\"city: String?\">city</span>", children: [], rightAlign: false, values: ["London","Dubai","Moscow","Milan","Tokyo","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","Moscow"] }, 
@@ -497,6 +486,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorder.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorder.html
index 575d08001a..49366b0844 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorder.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorder.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorderInGroup.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorderInGroup.html
index bc227533bd..a50a5b90cf 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorderInGroup.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reorderInGroup.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
 { name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.replace.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.replace.html
index 401cc0224d..f888064ebe 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.replace.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.replace.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,30 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.with { name.firstName }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -212,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.with { it.lowercase() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -229,8 +210,7 @@
                             <br>
                             <details>
                             <summary>df.with { 2021 - age named &quot;year&quot; }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -244,9 +224,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -520,8 +500,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -535,7 +513,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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=\"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>"] }, 
@@ -547,8 +524,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -562,7 +537,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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"] }, 
@@ -576,8 +550,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -591,7 +563,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 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"] }, 
@@ -605,6 +576,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reverse.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reverse.html
index 57c306a8ba..c7fc5c2312 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reverse.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.reverse.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Charlie","Alice","Bob","Charlie","Charlie","Bob","Alice"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Byrd","Wolf","Marley","Chaplin","Daniels","Dylan","Cooper"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.shuffle.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.shuffle.html
index 16a8372f56..c31286a05d 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.shuffle.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.shuffle.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Charlie","Charlie","Bob","Bob","Charlie","Alice"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Wolf","Chaplin","Byrd","Marley","Dylan","Daniels","Cooper"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortBy.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortBy.html
index 7c3000a30e..b016b06dcd 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortBy.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortBy.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,30 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.sortBy { age }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -212,8 +194,7 @@
                             <br>
                             <details>
                             <summary>df.sortBy { age and name.firstName.desc() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_2"></table>
 
@@ -229,8 +210,7 @@
                             <br>
                             <details>
                             <summary>df.sortBy { weight.nullsLast() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -244,9 +224,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -520,8 +500,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -535,7 +513,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Charlie","Alice","Bob","Charlie","Charlie","Bob"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Daniels","Wolf","Marley","Byrd","Chaplin","Dylan"] }, 
@@ -549,8 +526,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -564,7 +539,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Charlie","Alice","Charlie","Bob","Charlie","Bob"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Daniels","Wolf","Byrd","Marley","Chaplin","Dylan"] }, 
@@ -578,8 +552,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -593,7 +565,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Alice","Bob","Bob","Charlie","Charlie","Charlie"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Wolf","Marley","Dylan","Byrd","Daniels","Chaplin"] }, 
@@ -607,6 +578,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortByDesc.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortByDesc.html
index 3578524a7f..3889b65fd1 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortByDesc.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortByDesc.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Bob","Charlie","Charlie","Bob","Alice","Charlie","Alice"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Dylan","Chaplin","Byrd","Marley","Wolf","Daniels","Cooper"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortWith.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortWith.html
index a23ad3e371..5125c52b65 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortWith.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.sortWith.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Alice","Alice","Charlie","Bob","Charlie","Charlie","Bob"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Wolf","Daniels","Marley","Byrd","Chaplin","Dylan"] }, 
@@ -501,6 +490,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.split.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.split.html
index ee25f2c14d..277493952a 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.split.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.split.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,21 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -212,9 +200,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -488,8 +476,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -503,7 +489,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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=\"split1: String\">split1</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
@@ -517,7 +502,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 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=\"split1: Char\">split1</span>", children: [], rightAlign: false, values: ["C","D","D","C","M","W","B"] }, 
@@ -537,7 +521,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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=\"char1: Char\">char1</span>", children: [], rightAlign: false, values: ["C","D","D","C","M","W","B"] }, 
@@ -557,6 +540,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.split1.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.split1.html
index f5bbaa84f7..0c754f349a 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.split1.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.split1.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,23 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -220,9 +206,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -496,8 +482,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -511,7 +495,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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=\"split1: String\">split1</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
@@ -525,7 +508,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 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=\"split1: Char\">split1</span>", children: [], rightAlign: false, values: ["C","D","D","C","M","W","B"] }, 
@@ -545,7 +527,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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=\"split1: Char\">split1</span>", children: [], rightAlign: false, values: ["C","D","D","C","M","W","B"] }, 
@@ -565,7 +546,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
 /*<!--*/
 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=\"char1: Char\">char1</span>", children: [], rightAlign: false, values: ["C","D","D","C","M","W","B"] }, 
@@ -586,6 +566,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitInplace.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitInplace.html
index bafe484fc6..9e28407101 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitInplace.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitInplace.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,21 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -212,9 +200,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -488,8 +476,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -503,7 +489,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"split1: String\">split1</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"] }, 
@@ -517,7 +502,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"split1: Char\">split1</span>", children: [], rightAlign: false, values: ["A","B","C","C","B","A","C"] }, 
 { name: "<span title=\"split2: Char\">split2</span>", children: [], rightAlign: false, values: ["l","o","h","h","o","l","h"] }, 
@@ -537,7 +521,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: List<Char>\">firstName</span>", children: [], rightAlign: false, values: ["<span class=\"formatted\" title=\"A\nl\ni\nc\ne\"><span class=\"structural\">[</span>A<span class=\"structural\">, </span>l<span class=\"structural\">, </span>i<span class=\"structural\">, </span>c<span class=\"structural\">, </span>e<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"B\no\nb\"><span class=\"structural\">[</span>B<span class=\"structural\">, </span>o<span class=\"structural\">, </span>b<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"C\nh\na\nr\nl\ni\ne\"><span class=\"structural\">[</span>C<span class=\"structural\">, </span>h<span class=\"structural\">, </span>a<span class=\"structural\">, </span>r<span class=\"structural\">, </span>l<span class=\"structural\">, </span>i<span class=\"structural\">, </span>e<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"C\nh\na\nr\nl\ni\ne\"><span class=\"structural\">[</span>C<span class=\"structural\">, </span>h<span class=\"structural\">, </span>a<span class=\"structural\">, </span>r<span class=\"structural\">, </span>l<span class=\"structural\">, </span>i<span class=\"structural\">, </span>e<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"B\no\nb\"><span class=\"structural\">[</span>B<span class=\"structural\">, </span>o<span class=\"structural\">, </span>b<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"A\nl\ni\nc\ne\"><span class=\"structural\">[</span>A<span class=\"structural\">, </span>l<span class=\"structural\">, </span>i<span class=\"structural\">, </span>c<span class=\"structural\">, </span>e<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"C\nh\na\nr\nl\ni\ne\"><span class=\"structural\">[</span>C<span class=\"structural\">, </span>h<span class=\"structural\">, </span>a<span class=\"structural\">, </span>r<span class=\"structural\">, </span>l<span class=\"structural\">, </span>i<span class=\"structural\">, </span>e<span class=\"structural\">]</span></span>"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
@@ -551,6 +534,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitIntoRows.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitIntoRows.html
index 5ba8ca13a1..e90a7d28e2 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitIntoRows.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitIntoRows.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,33 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.split { name.firstName }.by { it.asIterable() }.intoRows()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -227,8 +206,7 @@
                             <br>
                             <details>
                             <summary>df.split { name }.by { it.values() }.intoRows()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_4"></table>
 
@@ -254,9 +232,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -530,8 +508,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -545,7 +521,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"split1: String\">split1</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"] }, 
@@ -559,7 +534,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"split1: Char\">split1</span>", children: [], rightAlign: false, values: ["A","B","C","C","B","A","C"] }, 
 { name: "<span title=\"split2: Char\">split2</span>", children: [], rightAlign: false, values: ["l","o","h","h","o","l","h"] }, 
@@ -579,7 +553,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: Char\">firstName</span>", children: [], rightAlign: false, values: ["A","l","i","c","e","B","o","b","C","h","a","r","l","i","e","C","h","a","r","l"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Cooper","Cooper","Cooper","Cooper","Dylan","Dylan","Dylan","Daniels","Daniels","Daniels","Daniels","Daniels","Daniels","Daniels","Chaplin","Chaplin","Chaplin","Chaplin","Chaplin"] }, 
@@ -593,8 +566,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -608,7 +579,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 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"] }, 
@@ -622,7 +592,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"split1: String\">split1</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
 { name: "<span title=\"split2: String\">split2</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
@@ -635,7 +604,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"name: String\">name</span>", children: [], rightAlign: false, values: ["Alice","Cooper","Bob","Dylan","Charlie","Daniels","Charlie","Chaplin","Bob","Marley","Alice","Wolf","Charlie","Byrd"] }, 
 { 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\">15</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">45</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\">20</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">40</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\">30</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">20</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">20</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">30</span></span>","<span class=\"formatted\" title=\"\"><span class=\"numbers\">30</span></span>"] }, 
@@ -647,6 +615,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex.html
index 9f2decff0d..3540897033 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,21 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -212,9 +200,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -488,8 +476,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -503,7 +489,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"merged: List<String>\">merged</span>", children: [], rightAlign: false, values: ["<span class=\"formatted\" title=\"Cooper\nAlice\"><span class=\"structural\">[</span>Cooper<span class=\"structural\">, </span>Alice<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Dylan\nBob\"><span class=\"structural\">[</span>Dylan<span class=\"structural\">, </span>Bob<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Daniels\nCharlie\"><span class=\"structural\">[</span>Daniels<span class=\"structural\">, </span>Charlie<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Chaplin\nCharlie\"><span class=\"structural\">[</span>Chaplin<span class=\"structural\">, </span>Charlie<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Marley\nBob\"><span class=\"structural\">[</span>Marley<span class=\"structural\">, </span>Bob<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Wolf\nAlice\"><span class=\"structural\">[</span>Wolf<span class=\"structural\">, </span>Alice<span class=\"structural\">]</span></span>","<span class=\"formatted\" title=\"Byrd\nCharlie\"><span class=\"structural\">[</span>Byrd<span class=\"structural\">, </span>Charlie<span class=\"structural\">]</span></span>"] }, 
 { 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>"] }, 
@@ -515,7 +500,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"merged: String\">merged</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>"] }, 
@@ -527,7 +511,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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>"] }, 
@@ -539,6 +522,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex1.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex1.html
index 7ec4707439..a4b36bf994 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex1.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.splitRegex1.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,21 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -212,9 +200,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -488,8 +476,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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>"] }, 
@@ -501,7 +487,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"split1: String\">split1</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>"] }, 
@@ -513,7 +498,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"split1: String\">split1</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
 { name: "<span title=\"split2: String\">split2</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
@@ -526,7 +510,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"firstName: String\">firstName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
 { name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Alice","Bob","Charlie","Charlie","Bob","Alice","Charlie"] }, 
@@ -540,6 +523,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.ungroup.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.ungroup.html
index c243cca37e..03ea9fb4f4 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.ungroup.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.ungroup.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,17 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -196,9 +188,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -472,8 +464,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -487,7 +477,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -500,6 +489,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.update.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.update.html
index 2e4ef0c798..cab488da98 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.update.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.update.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,47 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.update { age }.with { it * 2 }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -235,8 +200,7 @@
                             <br>
                             <details>
                             <summary>df.update { colsOf&amp;lt;String&amp;gt;().recursively() }.with { it.uppercase() }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_3"></table>
 
@@ -258,8 +222,7 @@
                             <br>
                             <details>
                             <summary>df.update { weight }.at(1..4).notNull { it / 2 }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_6"></table>
 
@@ -287,8 +250,7 @@
                             <br>
                             <details>
                             <summary>df.update { name.lastName and age }.at(1, 3, 4).withNull()</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_10"></table>
 
@@ -314,9 +276,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -590,8 +552,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -605,7 +565,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -619,7 +578,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 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"] }, 
@@ -633,8 +591,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -648,7 +604,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
 /*<!--*/
 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"] }, 
@@ -662,7 +617,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 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"] }, 
@@ -676,8 +630,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -691,7 +643,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(6) });
 
-
 /*<!--*/
 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"] }, 
@@ -705,7 +656,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(7) });
 
-
 /*<!--*/
 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"] }, 
@@ -719,7 +669,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(8) });
 
-
 /*<!--*/
 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"] }, 
@@ -733,8 +682,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(9) });
 
-
-
 /*<!--*/
 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"] }, 
@@ -748,7 +695,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(10) });
 
-
 /*<!--*/
 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"] }, 
@@ -762,7 +708,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(11) });
 
-
 /*<!--*/
 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"] }, 
@@ -776,7 +721,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(12) });
 
-
 /*<!--*/
 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","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","Daniels","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>","Wolf","Byrd"] }, 
@@ -790,6 +734,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(13) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateAsFrame.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateAsFrame.html
index e521b0af0c..0f8277d46d 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateAsFrame.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateAsFrame.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,29 +173,12 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
+</style>
+</head>
+<body>
                             <details>
                             <summary>df.update { name }.asFrame { select { lastName } }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
 
@@ -217,8 +200,7 @@
                             <br>
                             <details>
                             <summary>res.df.remove { name.firstName }</summary>
-                            
-                                    <details>
+                                                                <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_3"></table>
 
@@ -238,9 +220,9 @@
                                     </details>
                             </details>
                             <br>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -514,8 +496,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -529,7 +509,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -543,7 +522,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
 { name: "<span title=\"name: DataRow<*>\">name</span>", children: [0], rightAlign: false, values: ["<span class=\"formatted\" title=\"lastName: Cooper\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Cooper<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Dylan\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Dylan<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Daniels\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Daniels<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Chaplin\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Chaplin<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Marley\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Marley<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Wolf\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Wolf<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Byrd\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Byrd<span class=\"structural\"> }</span></span>"] }, 
@@ -556,8 +534,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
 { name: "<span title=\"name: DataRow<*>\">name</span>", children: [0], rightAlign: false, values: ["<span class=\"formatted\" title=\"lastName: Cooper\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Cooper<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Dylan\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Dylan<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Daniels\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Daniels<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Chaplin\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Chaplin<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Marley\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Marley<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Wolf\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Wolf<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Byrd\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Byrd<span class=\"structural\"> }</span></span>"] }, 
@@ -570,7 +546,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
 /*<!--*/
 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"] }, 
@@ -584,7 +559,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(4) });
 
-
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"lastName: String\">lastName</span>", children: [], rightAlign: false, values: ["Cooper","Dylan","Daniels","Chaplin","Marley","Wolf","Byrd"] }, 
 { name: "<span title=\"name: DataRow<*>\">name</span>", children: [0], rightAlign: false, values: ["<span class=\"formatted\" title=\"lastName: Cooper\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Cooper<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Dylan\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Dylan<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Daniels\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Daniels<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Chaplin\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Chaplin<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Marley\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Marley<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Wolf\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Wolf<span class=\"structural\"> }</span></span>","<span class=\"formatted\" title=\"lastName: Byrd\"><span class=\"structural\">{ </span><span class=\"structural\">lastName: </span>Byrd<span class=\"structural\"> }</span></span>"] }, 
@@ -597,6 +571,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(5) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updatePerRowCol.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updatePerRowCol.html
index 3c14b0ab62..07e6fd8168 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updatePerRowCol.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updatePerRowCol.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,19 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -204,9 +194,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -480,8 +470,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -495,7 +483,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -509,7 +496,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 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"] }, 
@@ -523,6 +509,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWith.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWith.html
index 1cb75631e6..cfd5765b31 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWith.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWith.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,19 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -204,9 +194,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -480,8 +470,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -495,7 +483,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -509,7 +496,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 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"] }, 
@@ -523,6 +509,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWithConst.html b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWithConst.html
index 0f9182cdc3..d467a5241a 100644
--- a/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWithConst.html
+++ b/docs/StardustDocs/snippets/org.jetbrains.kotlinx.dataframe.samples.api.Modify.updateWithConst.html
@@ -1,7 +1,7 @@
-        <html>
-        <head>
-            <style type="text/css">
-                :root {
+<html>
+<head>
+<style type="text/css">
+:root {
     --background: #fff;
     --background-odd: #f5f5f5;
     --background-hover: #d9edfd;
@@ -173,21 +173,9 @@
 summary {
     padding: 6px;
 }
-
-
-
-
-
-
-
-
-
-            </style>
-        </head>
-        <body>
-            
-
-
+</style>
+</head>
+<body>
                                     <details>
                                     <summary>Input DataFrame: rowsCount = 7, columnsCount = 5</summary>
                                      <table class="dataframe" id="df_0"></table>
@@ -212,9 +200,9 @@
 
 <p class="dataframe_description"></p>
                                     </details>
-        </body>
-        <script>
-            (function () {
+</body>
+<script>
+(function () {
     window.DataFrame = window.DataFrame || new (function () {
         this.addTable = function (df) {
             let cols = df.cols;
@@ -488,8 +476,6 @@
     }
 })()
 
-
-
 /*<!--*/
 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"] }, 
@@ -503,7 +489,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(0) });
 
-
 /*<!--*/
 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"] }, 
@@ -517,7 +502,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(1) });
 
-
 /*<!--*/
 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"] }, 
@@ -531,7 +515,6 @@
 
 call_DataFrame(function() { DataFrame.renderTable(2) });
 
-
 /*<!--*/
 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"] }, 
@@ -545,6 +528,5 @@
 
 call_DataFrame(function() { DataFrame.renderTable(3) });
 
-
-        </script>
-        </html>
\ No newline at end of file
+</script>
+</html>
diff --git a/docs/StardustDocs/topics/gettingStartedJupyterNotebook.md b/docs/StardustDocs/topics/gettingStartedJupyterNotebook.md
index 8b769c2578..998afd7ec5 100644
--- a/docs/StardustDocs/topics/gettingStartedJupyterNotebook.md
+++ b/docs/StardustDocs/topics/gettingStartedJupyterNotebook.md
@@ -33,3 +33,13 @@ If you want to use a specific version of the Kotlin DataFrame library, you can s
 ```
 
 After loading, all essential types will be already imported, so you can start using the Kotlin DataFrame library. Enjoy!
+
+```kotlin
+val df = DataFrame.read("https://raw.githubusercontent.com/Kotlin/dataframe/master/data/jetbrains_repositories.csv")
+df // the last expression in the cell is displayed
+```
+
+When the previous cell with variable declaration is executed, `DataFrame` provides a data schema API based on data:
+```kotlin
+df.filter { stargazers_count > 50 }
+```
diff --git a/docs/StardustDocs/v.list b/docs/StardustDocs/v.list
index 14937512cb..83d2669fae 100644
--- a/docs/StardustDocs/v.list
+++ b/docs/StardustDocs/v.list
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE vars SYSTEM "https://resources.jetbrains.com/writerside/1.0/vars.dtd">
 <vars>
-    <var name="dataFrameVersion" value="0.12.0" type="string"/>
+    <var name="dataFrameVersion" value="0.12.1" type="string"/>
 </vars>
diff --git a/examples/idea-examples/json/build.gradle.kts b/examples/idea-examples/json/build.gradle.kts
index bfd6d8d3d3..89e3cc8c3d 100644
--- a/examples/idea-examples/json/build.gradle.kts
+++ b/examples/idea-examples/json/build.gradle.kts
@@ -12,8 +12,6 @@ repositories {
     mavenCentral()
 }
 
-kotlin.sourceSets.getByName("main").kotlin.srcDir("build/generated/ksp/main/kotlin/")
-
 dependencies {
     // implementation("org.jetbrains.kotlinx:dataframe:X.Y.Z")
     implementation(project(":"))
diff --git a/examples/idea-examples/movies/build.gradle.kts b/examples/idea-examples/movies/build.gradle.kts
index 562d0a566e..e36b005d93 100644
--- a/examples/idea-examples/movies/build.gradle.kts
+++ b/examples/idea-examples/movies/build.gradle.kts
@@ -11,8 +11,6 @@ repositories {
     mavenLocal() // in case of local dataframe development
 }
 
-kotlin.sourceSets.getByName("main").kotlin.srcDir("build/generated/ksp/main/kotlin/")
-
 application.mainClass.set("org.jetbrains.kotlinx.dataframe.examples.movies.MoviesWithDataClassKt")
 
 dependencies {
diff --git a/examples/idea-examples/movies/src/main/kotlin/org/jetbrains/kotlinx/dataframe/examples/movies/moviesWithColumnAccessor.kt b/examples/idea-examples/movies/src/main/kotlin/org/jetbrains/kotlinx/dataframe/examples/movies/moviesWithColumnAccessor.kt
index 9c1e1aa091..1f9ce6d18f 100644
--- a/examples/idea-examples/movies/src/main/kotlin/org/jetbrains/kotlinx/dataframe/examples/movies/moviesWithColumnAccessor.kt
+++ b/examples/idea-examples/movies/src/main/kotlin/org/jetbrains/kotlinx/dataframe/examples/movies/moviesWithColumnAccessor.kt
@@ -3,16 +3,25 @@ package org.jetbrains.kotlinx.dataframe.examples.movies
 import org.jetbrains.kotlinx.dataframe.DataFrame
 import org.jetbrains.kotlinx.dataframe.api.*
 import org.jetbrains.kotlinx.dataframe.api.column
-import org.jetbrains.kotlinx.dataframe.io.read
+import org.jetbrains.kotlinx.dataframe.io.*
 
 private const val pathToCsv = "examples/idea-examples/movies/src/main/resources/movies.csv"
+// Uncomment this line if you want to copy-paste and run the code in your project without downloading the file
+//private const val pathToCsv = "https://raw.githubusercontent.com/Kotlin/dataframe/master/examples/idea-examples/movies/src/main/resources/movies.csv"
 
 fun main() {
+    // This example shows how to use the column accessor API to address columns in different operations
+    // https://kotlin.github.io/dataframe/apilevels.html
     val genres by column<String>()
     val title by column<String>()
     val year by column<Int>()
 
-    DataFrame
+    /**
+     *                              movieId                                    title                              genres
+     *   0 9b30aff7943f44579e92c261f3adc193                    Women in Black (1997)          Fantasy|Suspenseful|Comedy
+     *   1 2a1ba1fc5caf492a80188e032995843e                   Bumblebee Movie (2007)        Comedy|Jazz|Family|Animation
+     */
+    val step1 = DataFrame
         .read(pathToCsv)
         .split { genres }.by("|").inplace()
         .split { title }.by {
@@ -22,12 +31,30 @@ fun main() {
             )
         }.into(title, year)
         .explode { genres }
-        .filter { year() >= 0 && genres() != "(no genres listed)" }
+    step1.print()
+
+    /**
+     * Data is parsed and prepared for aggregation
+     *                             movieId                                    title year      genres
+     *   0 9b30aff7943f44579e92c261f3adc193                           Women in Black 1997     Fantasy
+     *   1 9b30aff7943f44579e92c261f3adc193                           Women in Black 1997 Suspenseful
+     *   2 9b30aff7943f44579e92c261f3adc193                           Women in Black 1997      Comedy
+     *   3 2a1ba1fc5caf492a80188e032995843e                          Bumblebee Movie 2007      Comedy
+     *   4 2a1ba1fc5caf492a80188e032995843e                          Bumblebee Movie 2007        Jazz
+     *   5 2a1ba1fc5caf492a80188e032995843e                          Bumblebee Movie 2007      Family
+     *   6 2a1ba1fc5caf492a80188e032995843e                          Bumblebee Movie 2007   Animation
+     */
+
+    val step2 = step1.filter { year() >= 0 && genres() != "(no genres listed)" }
         .groupBy { year }
         .sortBy { year }
         .pivot(inward = false) { genres }
         .aggregate {
             count() into "count"
-            mean() into "mean"
-        }.print(10)
+            title().first() into "example"
+        }
+    step2.print(rowsLimit = 10)
+
+//    Discover the final reshaped data in an interactive HTML table
+//    step2.toStandaloneHTML().openInBrowser()
 }
diff --git a/examples/idea-examples/movies/src/main/kotlin/org/jetbrains/kotlinx/dataframe/examples/movies/moviesWithDataClass.kt b/examples/idea-examples/movies/src/main/kotlin/org/jetbrains/kotlinx/dataframe/examples/movies/moviesWithDataClass.kt
index f51a9830cd..c6d58508f3 100644
--- a/examples/idea-examples/movies/src/main/kotlin/org/jetbrains/kotlinx/dataframe/examples/movies/moviesWithDataClass.kt
+++ b/examples/idea-examples/movies/src/main/kotlin/org/jetbrains/kotlinx/dataframe/examples/movies/moviesWithDataClass.kt
@@ -2,15 +2,23 @@ package org.jetbrains.kotlinx.dataframe.examples.movies
 
 import org.jetbrains.kotlinx.dataframe.DataFrame
 import org.jetbrains.kotlinx.dataframe.api.*
-import org.jetbrains.kotlinx.dataframe.io.read
+import org.jetbrains.kotlinx.dataframe.io.*
 
 private const val pathToCsv = "examples/idea-examples/movies/src/main/resources/movies.csv"
+// Uncomment this line if you want to copy-paste and run the code in your project without downloading the file
+//private const val pathToCsv = "https://raw.githubusercontent.com/Kotlin/dataframe/master/examples/idea-examples/movies/src/main/resources/movies.csv"
 
 fun main() {
-
+    // This example shows how to use the KProperties API to address columns in different operations
+    // https://kotlin.github.io/dataframe/apilevels.html
     data class Movie(val movieId: String, val title: String, val genres: String, val year: Int)
 
-    DataFrame
+    /**
+     *                              movieId                                    title                              genres
+     *   0 9b30aff7943f44579e92c261f3adc193                    Women in Black (1997)          Fantasy|Suspenseful|Comedy
+     *   1 2a1ba1fc5caf492a80188e032995843e                   Bumblebee Movie (2007)        Comedy|Jazz|Family|Animation
+     */
+    val step1 = DataFrame
         .read(pathToCsv)
         .split(Movie::genres).by("|").inplace()
         .split(Movie::title).by {
@@ -20,6 +28,19 @@ fun main() {
             )
         }.into(Movie::title, Movie::year)
         .explode(Movie::genres)
+
+    /**
+     * Data is parsed and prepared for aggregation
+     *                             movieId                                    title year      genres
+     *   0 9b30aff7943f44579e92c261f3adc193                           Women in Black 1997     Fantasy
+     *   1 9b30aff7943f44579e92c261f3adc193                           Women in Black 1997 Suspenseful
+     *   2 9b30aff7943f44579e92c261f3adc193                           Women in Black 1997      Comedy
+     *   3 2a1ba1fc5caf492a80188e032995843e                          Bumblebee Movie 2007      Comedy
+     *   4 2a1ba1fc5caf492a80188e032995843e                          Bumblebee Movie 2007        Jazz
+     *   5 2a1ba1fc5caf492a80188e032995843e                          Bumblebee Movie 2007      Family
+     *   6 2a1ba1fc5caf492a80188e032995843e                          Bumblebee Movie 2007   Animation
+     */
+    val step2 = step1
         .filter { it[Movie::year] >= 0 && it[Movie::genres] != "(no genres listed)" }
         .groupBy(Movie::year)
         .sortBy(Movie::year)
@@ -28,4 +49,7 @@ fun main() {
             count() into "count"
             mean() into "mean"
         }.print(10)
+
+//    Discover the final reshaped data in an interactive HTML table
+//    step2.toStandaloneHTML().openInBrowser()
 }
diff --git a/examples/idea-examples/movies/src/main/kotlin/org/jetbrains/kotlinx/dataframe/examples/movies/moviesWithInterface.kt b/examples/idea-examples/movies/src/main/kotlin/org/jetbrains/kotlinx/dataframe/examples/movies/moviesWithInterface.kt
index 214961fa0f..ad68a5c81e 100644
--- a/examples/idea-examples/movies/src/main/kotlin/org/jetbrains/kotlinx/dataframe/examples/movies/moviesWithInterface.kt
+++ b/examples/idea-examples/movies/src/main/kotlin/org/jetbrains/kotlinx/dataframe/examples/movies/moviesWithInterface.kt
@@ -2,21 +2,14 @@ package org.jetbrains.kotlinx.dataframe.examples.movies
 
 import org.jetbrains.kotlinx.dataframe.DataFrame
 import org.jetbrains.kotlinx.dataframe.annotations.DataSchema
-import org.jetbrains.kotlinx.dataframe.api.by
-import org.jetbrains.kotlinx.dataframe.api.convertTo
-import org.jetbrains.kotlinx.dataframe.api.count
-import org.jetbrains.kotlinx.dataframe.api.explode
-import org.jetbrains.kotlinx.dataframe.api.filter
-import org.jetbrains.kotlinx.dataframe.api.groupBy
-import org.jetbrains.kotlinx.dataframe.api.inplace
-import org.jetbrains.kotlinx.dataframe.api.into
-import org.jetbrains.kotlinx.dataframe.api.mean
-import org.jetbrains.kotlinx.dataframe.api.pivot
-import org.jetbrains.kotlinx.dataframe.api.print
-import org.jetbrains.kotlinx.dataframe.api.sortBy
-import org.jetbrains.kotlinx.dataframe.api.split
-import org.jetbrains.kotlinx.dataframe.io.read
+import org.jetbrains.kotlinx.dataframe.api.*
+import org.jetbrains.kotlinx.dataframe.io.*
 
+/**
+ *                              movieId                                    title                              genres
+ *   0 9b30aff7943f44579e92c261f3adc193                    Women in Black (1997)          Fantasy|Suspenseful|Comedy
+ *   1 2a1ba1fc5caf492a80188e032995843e                   Bumblebee Movie (2007)        Comedy|Jazz|Family|Animation
+ */
 @DataSchema
 interface Movie {
     val movieId: String
@@ -25,9 +18,16 @@ interface Movie {
 }
 
 private const val pathToCsv = "examples/idea-examples/movies/src/main/resources/movies.csv"
+// Uncomment this line if you want to copy-paste and run the code in your project without downloading the file
+//private const val pathToCsv = "https://raw.githubusercontent.com/Kotlin/dataframe/master/examples/idea-examples/movies/src/main/resources/movies.csv"
 
 fun main() {
-    DataFrame
+    // This example shows how to the use extension properties API to address columns in different operations
+    // https://kotlin.github.io/dataframe/apilevels.html
+
+    // Add the Gradle plugin and run `assemble`
+    // check the README https://github.com/Kotlin/dataframe?tab=readme-ov-file#setup
+    val step1 = DataFrame
         .read(pathToCsv).convertTo<Movie>()
         .split { genres }.by("|").inplace()
         .split { title }.by {
@@ -37,6 +37,20 @@ fun main() {
             )
         }.into("title", "year")
         .explode("genres")
+    step1.print()
+
+    /**
+     * Data is parsed and prepared for aggregation
+     *                             movieId                                    title year      genres
+     *   0 9b30aff7943f44579e92c261f3adc193                           Women in Black 1997     Fantasy
+     *   1 9b30aff7943f44579e92c261f3adc193                           Women in Black 1997 Suspenseful
+     *   2 9b30aff7943f44579e92c261f3adc193                           Women in Black 1997      Comedy
+     *   3 2a1ba1fc5caf492a80188e032995843e                          Bumblebee Movie 2007      Comedy
+     *   4 2a1ba1fc5caf492a80188e032995843e                          Bumblebee Movie 2007        Jazz
+     *   5 2a1ba1fc5caf492a80188e032995843e                          Bumblebee Movie 2007      Family
+     *   6 2a1ba1fc5caf492a80188e032995843e                          Bumblebee Movie 2007   Animation
+     */
+    val step2 = step1
         .filter { "year"<Int>() >= 0 && genres != "(no genres listed)" }
         .groupBy("year")
         .sortBy("year")
@@ -44,5 +58,9 @@ fun main() {
         .aggregate {
             count() into "count"
             mean() into "mean"
-        }.print(10)
+        }
+
+    step2.print(10)
+//    Discover the final reshaped data in an interactive HTML table
+//    step2.toStandaloneHTML().openInBrowser()
 }
diff --git a/examples/idea-examples/titanic/build.gradle.kts b/examples/idea-examples/titanic/build.gradle.kts
index 99302369e1..ee812ef50b 100644
--- a/examples/idea-examples/titanic/build.gradle.kts
+++ b/examples/idea-examples/titanic/build.gradle.kts
@@ -20,10 +20,6 @@ dependencies {
     implementation("org.jetbrains.kotlinx:kotlin-deeplearning-dataset:0.5.1")
 }
 
-// Make IDE aware of the generated code:
-kotlin.sourceSets.getByName("main").kotlin.srcDir("build/generated/ksp/main/kotlin/")
-
-
 dataframes {
     schema {
         data = "src/main/resources/titanic.csv"
diff --git a/examples/idea-examples/youtube/build.gradle.kts b/examples/idea-examples/youtube/build.gradle.kts
index 9b5c032e59..b7b1277e7b 100644
--- a/examples/idea-examples/youtube/build.gradle.kts
+++ b/examples/idea-examples/youtube/build.gradle.kts
@@ -11,8 +11,6 @@ repositories {
     mavenLocal() // in case of local dataframe development
 }
 
-kotlin.sourceSets.getByName("main").kotlin.srcDir("build/generated/ksp/main/kotlin/")
-
 application.mainClass.set("org.jetbrains.kotlinx.dataframe.examples.youtube.YoutubeKt")
 
 dependencies {