From 674c9098e395872fb91e7a418b40e3ebb02096e9 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Sat, 18 Apr 2020 19:15:31 +0300
Subject: [PATCH] Demo for removableSort

---
 src/views/treetable/TreeTableSortDemo.vue | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/views/treetable/TreeTableSortDemo.vue b/src/views/treetable/TreeTableSortDemo.vue
index 2a1048a2e..c9b027b15 100644
--- a/src/views/treetable/TreeTableSortDemo.vue
+++ b/src/views/treetable/TreeTableSortDemo.vue
@@ -23,6 +23,13 @@
                 <Column field="size" header="Size" :sortable="true"></Column>
                 <Column field="type" header="Type" :sortable="true"></Column>
             </TreeTable>
+
+            <h3>Removable Sort</h3>
+            <TreeTable :value="nodes" sortMode="single" removableSort>
+                <Column field="name" header="Name" :expander="true" :sortable="true"></Column>
+                <Column field="size" header="Size" :sortable="true"></Column>
+                <Column field="type" header="Type" :sortable="true"></Column>
+            </TreeTable>
         </div>
 
         <div class="content-section documentation">
@@ -43,6 +50,13 @@
     &lt;Column field="size" header="Size" :sortable="true"&gt;&lt;/Column&gt;
     &lt;Column field="type" header="Type" :sortable="true"&gt;&lt;/Column&gt;
 &lt;/TreeTable&gt;
+
+&lt;h3&gt;Removable Sort&lt;/h3&gt;
+&lt;TreeTable :value="nodes" sortMode="single" removableSort&gt;
+    &lt;Column field="name" header="Name" :expander="true" :sortable="true"&gt;&lt;/Column&gt;
+    &lt;Column field="size" header="Size" :sortable="true"&gt;&lt;/Column&gt;
+    &lt;Column field="type" header="Type" :sortable="true"&gt;&lt;/Column&gt;
+&lt;/TreeTable&gt;
 </template>
 </CodeHighlight>