format

evidence-dev · Oct 13, 2024 · 8512eb3 · 8512eb3
1 parent 355c442
commit 8512eb3
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 11 deletions.
diff --git a/packages/ui/core-components/src/lib/unsorted/viz/table/DataTable.stories.svelte b/packages/ui/core-components/src/lib/unsorted/viz/table/DataTable.stories.svelte
@@ -27,7 +27,7 @@
 
 <Story name="With Sort">
 	{@const data = Query.create(`SELECT * from flights LIMIT 1000`, query)}
-	<DataTable {data} sort="fare desc"/>
+	<DataTable {data} sort="fare desc" />
 </Story>
 
 <Story name="With Search">
@@ -55,13 +55,7 @@
 		`SELECT * from flights where regulator in ('Afghanistan', 'Belgium', 'Canada', 'Denmark') limit 50`,
 		query
 	)}
-	<DataTable
-		{data}
-		title="Flights"
-		search
-		groupBy="regulator"
-		groupsOpen="false"
-	>
+	<DataTable {data} title="Flights" search groupBy="regulator" groupsOpen="false">
 		<Column id="id" title="ID" />
 		<Column id="airline" title="Airline" />
 		<Column id="departure_airport" title="Departure Airport" />

diff --git a/packages/ui/core-components/src/lib/unsorted/viz/table/_DataTable.svelte b/packages/ui/core-components/src/lib/unsorted/viz/table/_DataTable.svelte
@@ -285,8 +285,8 @@
 			sortObj.ascending = true;
 		}
 
-		sortFunc(sortObj)
-	}
+		sortFunc(sortObj);
+	};
 
 	$: sortFunc = (sortObj) => {
 		const column = sortObj.col;

diff --git a/sites/docs/pages/components/data-table.md b/sites/docs/pages/components/data-table.md
@@ -9,6 +9,7 @@ sidebar_position: 1
 
 ```orders_summary
 select * from needful_things.orders
+order by id
 limit 100
 ```
 
@@ -113,7 +114,11 @@ This example includes a `custom_format` column, which contains a different curre
     <Column id=sales fmt=usd/> 
 </DataTable>
 
-
+<DataTable data={orders_summary} sort="sales asc">
+    <Column id=category/> 
+    <Column id=item/> 
+    <Column id=sales fmt=usd/> 
+</DataTable>
 
 ### Deltas