Add table support for markdown to HTML conversion

i-dot-ai · May 15, 2024 · 3e4eebb · 3e4eebb
1 parent 660db3c
commit 3e4eebb
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 2 deletions.
diff --git a/django_app/frontend/js/sessions/markdown.js b/django_app/frontend/js/sessions/markdown.js
@@ -16,7 +16,8 @@ class MarkdownConverter extends HTMLElement {
     update(markdown) {
         let converter = new showdown.Converter({
             disableForced4SpacesIndentedSublists: true,
-            headerLevelStart: 3
+            headerLevelStart: 3,
+            tables: true
         });
         const html = converter.makeHtml(markdown);
         this.innerHTML = /** @type any */ (DOMPurify.sanitize(html, {RETURN_TRUSTED_TYPE: true}));

diff --git a/django_app/frontend/style.css b/django_app/frontend/style.css
diff --git a/django_app/frontend/style.css.map b/django_app/frontend/style.css.map
diff --git a/django_app/frontend/style.scss b/django_app/frontend/style.scss
@@ -86,6 +86,15 @@ $redbox-red: #A50202;
   display: block;
   overflow-x: auto;
 }
+.iai-chat-message__text table {
+  border-collapse: collapse;
+  width: 100%;
+}
+.iai-chat-message__text th, .iai-chat-message__text td {
+  border: 1px solid black;
+  padding: 0.25rem;
+  text-align: left;
+}
 
 .iai-response-feedback {
   display: none;