Introduce support for sorting Dataview tables in Live Preview.

README.md

@@ -17,7 +17,7 @@ https://user-images.githubusercontent.com/14110183/128138299-fd2a1bb2-6f87-4b50-
 </details>
 
 - Sorting numerical and string data types. Custom comparator functions are part of the roadmap (see this [issue](https://github.com/alexandru-dinu/obsidian-sortable/issues/12)).
-- No altering of the markdown source code. Sorting is done solely in reading (i.e. non-editing) mode by rearranging rows (i.e. `tr` elements).
+- No altering of the markdown source code. Sorting is done by rearranging table rows (i.e. `tr` elements).
 - No dependencies.
 
 ## Installation

manifest.json

@@ -1,7 +1,7 @@
 {
     "id": "obsidian-sortable",
     "name": "Sortable",
-    "version": "0.2.2",
+    "version": "0.2.3",
     "minAppVersion": "0.12.0",
     "description": "Wiki-like table sorting.",
     "author": "Alexandru Dinu",

src/sortable.ts

@@ -18,12 +18,24 @@ export class TableState {
 
 export type TTableStates = WeakMap<HTMLTableElement, TableState>;
 
+function shouldSort(htmlEl: HTMLElement): boolean {
+    // dataview table: parent must be a "dataview" HTMLTableElement
+    const p = htmlEl.matchParent(".dataview");
+    if (p instanceof HTMLTableElement)
+        return true;
+
+    // reading mode, i.e. non-editing
+    return null !== htmlEl.matchParent(".markdown-reading-view");
+}
+
 export function onHeadClick(evt: MouseEvent, tableStates: TTableStates): void {
     // check if the clicked element is a table header
     const htmlEl = <HTMLElement>evt.target;
-    if (!htmlEl.matchParent(".markdown-preview-view")) {
+
+    if (!shouldSort(htmlEl)) {
         return;
     }
+
     const th = htmlEl.closest("thead th");
     if (th === null) {
         return;