Docs: Add .table class to color tables example (#41691)

stefan-korn · julien-deramond · web-flow · commit a715174c5571 · 2025-09-06T22:25:43.000+02:00
Co-authored-by: Julien Déramond &lt;juderamond@gmail.com&gt;
diff --git a/site/src/content/docs/content/tables.mdx b/site/src/content/docs/content/tables.mdx
@@ -52,7 +52,7 @@ Use contextual classes to color tables, table rows or individual cells.
 
 <Code code={[
   `<!-- On tables -->`,
-  ...getData('theme-colors').map((themeColor) => `<table class="table-${themeColor.name}">...</table>`),
+  ...getData('theme-colors').map((themeColor) => `<table class="table table-${themeColor.name}">...</table>`),
   `
 <!-- On rows -->`,
   ...getData('theme-colors').map((themeColor) => `<tr class="table-${themeColor.name}">...</tr>`),

Original file line number	Diff line number	Diff line change
`@@ -52,7 +52,7 @@ Use contextual classes to color tables, table rows or individual cells.`
`52`	`52`
`53`	`53`	`<Code code={[`
`54`	`54`	`<!-- On tables -->`,
`55`		- ...getData('theme-colors').map((themeColor) => `<table class="table-${themeColor.name}">...</table>`),
	`55`	+ ...getData('theme-colors').map((themeColor) => `<table class="table table-${themeColor.name}">...</table>`),
`56`	`56`	`
`57`	`57`	<!-- On rows -->`,
`58`	`58`	...getData('theme-colors').map((themeColor) => `<tr class="table-${themeColor.name}">...</tr>`),