From 79d1053e81b909c3e0a49dfa00069b8f4cff3b81 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fernando=20Lo=CC=81pez=20Guevara?=
 <fernando.lguevara@gmail.com>
Date: Tue, 7 Nov 2023 20:30:49 -0300
Subject: [PATCH] fix(examples/tasks): add hack to generate dynamic css classes

---
 .../routes/examples/tasks/(components)/data-table.svelte  | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/apps/www/src/routes/examples/tasks/(components)/data-table.svelte b/apps/www/src/routes/examples/tasks/(components)/data-table.svelte
index 5471fc2db..b5e9dbd51 100644
--- a/apps/www/src/routes/examples/tasks/(components)/data-table.svelte
+++ b/apps/www/src/routes/examples/tasks/(components)/data-table.svelte
@@ -247,6 +247,14 @@
 	}
 </script>
 
+<!-- HACK: we need to investigate why all tailwind css classes needs to be generated ahead of render -->
+<span class="hidden col-span-2" />
+<span class="hidden col-span-3" />
+<span class="hidden grid-cols-6" />
+<span class="hidden grid-cols-8" />
+<span class="hidden grid-cols-9" />
+<span class="hidden grid-cols-11" />
+
 <div class="rounded-md border">
 	<DataTableToolbar {tableModel} />
 	<div class="grid grid-cols-{cols}">