bold null in join only for mismatched columns

Author: AndreiKingsley

docs/StardustDocs/resources/api/join/notebook_test_join_18.html

@@ -459,7 +459,7 @@
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"name: String\" style=\"color:#f44336;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace\">name</span>", children: [], rightAlign: false, values: [{ style: "background-color:#f2d2bd;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Alice"},{ style: "background-color:#d2e5c7;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Charlie"},{ style: "background-color:#c8c8e8;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Bob"},{ style: "background-color:#e9c7dc;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Alice"}] }, 
 { name: "<span title=\"age: Int?\">age</span>", children: [], rightAlign: true, values: [{ style: "background-color:#f2d2bd;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "<span class=\"formatted\" title=\"\"><span class=\"numbers\">15</span></span>"},{ style: "background-color:#d2e5c7;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "<span class=\"formatted\" title=\"\"><span class=\"numbers\">20</span></span>"},{ style: "background-color:#c8c8e8;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important;font-weight:bold", value: "<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"},{ style: "background-color:#e9c7dc;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important;font-weight:bold", value: "<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"}] }, 
-{ name: "<span title=\"city: String?\" style=\"color:#2196f3;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace\">city</span>", children: [], rightAlign: false, values: [{ style: "background-color:#f2d2bd;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "London"},{ style: "background-color:#d2e5c7;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Moscow"},{ style: "background-color:#c8c8e8;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Tokyo"},{ style: "background-color:#e9c7dc;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important;font-weight:bold", value: "<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"}] }, 
+{ name: "<span title=\"city: String?\" style=\"color:#2196f3;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace\">city</span>", children: [], rightAlign: false, values: [{ style: "background-color:#f2d2bd;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "London"},{ style: "background-color:#d2e5c7;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Moscow"},{ style: "background-color:#c8c8e8;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Tokyo"},{ style: "background-color:#e9c7dc;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"}] }, 
 { name: "<span title=\"isBusy: Boolean\">isBusy</span>", children: [], rightAlign: false, values: [{ style: "background-color:#f2d2bd;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "true"},{ style: "background-color:#d2e5c7;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "true"},{ style: "background-color:#c8c8e8;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "false"},{ style: "background-color:#e9c7dc;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "true"}] }, 
 ], id: 0, rootId: 0, totalRows: 4 } ) });
 /*-->*/

docs/StardustDocs/resources/api/join/notebook_test_join_19.html

@@ -459,7 +459,7 @@
 /*<!--*/
 call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: "<span title=\"name: String\" style=\"color:#f44336;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace\">name</span>", children: [], rightAlign: false, values: [{ style: "background-color:#f2d2bd;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Alice"},{ style: "background-color:#f5e2bf;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Bob"},{ style: "background-color:#d2e5c7;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Charlie"},{ style: "background-color:#bfdfe8;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Charlie"},{ style: "background-color:#c8c8e8;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Bob"},{ style: "background-color:#e9c7dc;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Alice"}] }, 
 { name: "<span title=\"age: Int?\">age</span>", children: [], rightAlign: true, values: [{ style: "background-color:#f2d2bd;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "<span class=\"formatted\" title=\"\"><span class=\"numbers\">15</span></span>"},{ style: "background-color:#f5e2bf;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "<span class=\"formatted\" title=\"\"><span class=\"numbers\">45</span></span>"},{ style: "background-color:#d2e5c7;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "<span class=\"formatted\" title=\"\"><span class=\"numbers\">20</span></span>"},{ style: "background-color:#bfdfe8;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "<span class=\"formatted\" title=\"\"><span class=\"numbers\">40</span></span>"},{ style: "background-color:#c8c8e8;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important;font-weight:bold", value: "<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"},{ style: "background-color:#e9c7dc;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important;font-weight:bold", value: "<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"}] }, 
-{ name: "<span title=\"city: String?\" style=\"color:#2196f3;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace\">city</span>", children: [], rightAlign: false, values: [{ style: "background-color:#f2d2bd;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "London"},{ style: "background-color:#f5e2bf;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Dubai"},{ style: "background-color:#d2e5c7;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Moscow"},{ style: "background-color:#bfdfe8;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Tokyo"},{ style: "background-color:#c8c8e8;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Tokyo"},{ style: "background-color:#e9c7dc;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important;font-weight:bold", value: "<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"}] }, 
+{ name: "<span title=\"city: String?\" style=\"color:#2196f3;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace\">city</span>", children: [], rightAlign: false, values: [{ style: "background-color:#f2d2bd;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "London"},{ style: "background-color:#f5e2bf;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Dubai"},{ style: "background-color:#d2e5c7;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Moscow"},{ style: "background-color:#bfdfe8;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Tokyo"},{ style: "background-color:#c8c8e8;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "Tokyo"},{ style: "background-color:#e9c7dc;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"}] }, 
 { name: "<span title=\"isBusy: Boolean?\">isBusy</span>", children: [], rightAlign: false, values: [{ style: "background-color:#f2d2bd;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "true"},{ style: "background-color:#f5e2bf;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important;font-weight:bold", value: "<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"},{ style: "background-color:#d2e5c7;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "true"},{ style: "background-color:#bfdfe8;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important;font-weight:bold", value: "<span class=\"formatted\" title=\"\"><span class=\"null\">null</span></span>"},{ style: "background-color:#c8c8e8;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "false"},{ style: "background-color:#e9c7dc;color:#000000;--text-color:#000000 !important;--text-color-dark:#000000 !important;--text-color-pale:#000000 !important;--text-color-medium:#000000 !important", value: "true"}] }, 
 ], id: 0, rootId: 0, totalRows: 6 } ) });
 /*-->*/

samples/src/test/kotlin/org/jetbrains/kotlinx/dataframe/samples/api/multiple/JoinSamples.kt

@@ -265,7 +265,7 @@ class JoinSamples : DataFrameSampleHelper("join", "api") {
         dfLeft.leftJoin(dfRight) { name and city }
             // SampleEnd
             .colorized()
-            .format().with { if (it == null) bold else null }
+            .format { all() except (name and city) }.with { if (it == null) bold else null }
             .defaultHeaderFormatting { name and city }
             .saveDfHtmlSample()
     }
@@ -281,7 +281,7 @@ class JoinSamples : DataFrameSampleHelper("join", "api") {
         dfLeft.rightJoin(dfRight) { name and city }
             // SampleEnd
             .colorized()
-            .format().with { if (it == null) bold else null }
+            .format { all() except (name and city) }.with { if (it == null) bold else null }
             .defaultHeaderFormatting { name and city }
             .saveDfHtmlSample()
     }
@@ -295,7 +295,7 @@ class JoinSamples : DataFrameSampleHelper("join", "api") {
         dfLeft.fullJoin(dfRight) { name and city }
             // SampleEnd
             .colorized()
-            .format().with { if (it == null) bold else null }
+            .format { all() except (name and city) }.with { if (it == null) bold else null }
             .defaultHeaderFormatting { name and city }
             .saveDfHtmlSample()
     }