Fix table rendering in AI answer (#2032)

reakaleek · web-flow · commit 9f07bb58c57e · 2025-10-13T09:48:27.000+02:00
* Fix table rendering in AI answer

* Run prettier
diff --git a/src/Elastic.Documentation.Site/Assets/web-components/SearchOrAskAi/AskAi/ChatMessage.tsx b/src/Elastic.Documentation.Site/Assets/web-components/SearchOrAskAi/AskAi/ChatMessage.tsx
@@ -37,6 +37,11 @@ const createMarkedInstance = () => {
                 </pre>
             </div>`
         },
+        table(token: Tokens.Table): string {
+            const defaultMarked = new Marked()
+            const defaultTableHtml = defaultMarked.parse(token.raw)
+            return `<div class="table-wrapper">${defaultTableHtml}</div>`
+        },
     }
     return new Marked({ renderer })
 }

Original file line number	Diff line number	Diff line change
`@@ -37,6 +37,11 @@ const createMarkedInstance = () => {`
`37`	`37`	`</pre>`
`38`	`38`	</div>`
`39`	`39`	`},`
	`40`	`+ table(token: Tokens.Table): string {`
	`41`	`+ const defaultMarked = new Marked()`
	`42`	`+ const defaultTableHtml = defaultMarked.parse(token.raw)`
	`43`	+ return `<div class="table-wrapper">${defaultTableHtml}</div>`
	`44`	`+ },`
`40`	`45`	`}`
`41`	`46`	`return new Marked({ renderer })`
`42`	`47`	`}`