fix table sorting

Author: lovasoa

Cargo.lock

@@ -23,9 +23,8 @@ async fn main() {
 
 /// Creates a file with inlined remote files included
 async fn download_deps(filename: &str) {
-    println!("cargo:rerun-if-changed=build.rs");
-    let out_dir = PathBuf::from(std::env::var("OUT_DIR").unwrap());
     let path_in = format!("sqlpage/{}", filename);
+    let out_dir = PathBuf::from(std::env::var("OUT_DIR").unwrap());
     let path_out: PathBuf = out_dir.join(filename);
     // Generate outfile by reading infile and interpreting all comments
     // like "/* !include https://... */" as a request to include the contents of

build.rs

@@ -377,8 +377,10 @@ INSERT INTO example(component, description, properties) VALUES
     'table',
     'A table with dashes',
     json(
-        '[{"component":"table", "search": true}, ' ||
-         '{"id": 31456, "part_no": "MIC-ROCC-F-23-206-C"}
+        '[{"component":"table", "search": true, "sort": true}, ' ||
+         '{"id": 31456, "part_no": "MIC-ROCC-F-23-206-C"},
+          {"id": 996, "part_no": "MIC-ROCC-F-24-206-A"},
+          {"id": 131456, "part_no": "KIB-ROCC-F-13-205-B"}
         ]'
     )
     );

examples/official-site/sqlpage/migrations/01_documentation.sql

@@ -1,5 +1,5 @@
 /* !include https://cdn.jsdelivr.net/npm/@tabler/[email protected]/dist/js/tabler.min.js */
-/* !include https://cdn.jsdelivr.net/npm/[email protected].2/dist/list.min.js */
+/* !include https://cdn.jsdelivr.net/npm/[email protected].4/dist/list.min.js */
 
 function sqlpage_chart() {
   let first_chart = document.querySelector("[data-js]");

sqlpage/sqlpage.js

@@ -7,20 +7,20 @@
                 </div>
             {{/if}}
             <table class="table">
-                {{~#each_row~}}
+                {{#each_row}}
                     {{#if (eq @row_index 0)}}
                         <thead>
                         <tr>
                             {{#each this}}
-                                {{~#if (not (starts_with @key '_sqlpage_'))~}}
+                                {{#if (not (starts_with @key '_sqlpage_'))}}
                                 <th>
-                                    {{#if ../../sort}}
+                                    {{~#if ../../sort~}}
                                         <button class="table-sort sort" data-sort="{{@key}}">{{@key}}</button>
-                                    {{else}}
-                                        {{@key}}
-                                    {{/if}}
+                                    {{~else~}}
+                                        {{~@key~}}
+                                    {{~/if~}}
                                 </th>
-                                {{~/if~}}
+                                {{/if}}
                             {{/each}}
                         </tr>
                         </thead>
@@ -44,7 +44,7 @@
                             {{~/if~}}
                         {{~/each~}}
                     </tr>
-                {{~/each_row~}}
+                {{/each_row}}
                 {{flush_delayed}}
             </table>
         </div>