diff --git a/layouts/shortcodes/table.html b/layouts/shortcodes/table.html
new file mode 100644
index 0000000..c1dab56
--- /dev/null
+++ b/layouts/shortcodes/table.html
@@ -0,0 +1,6 @@
+{{ $htmlTable := .Inner | markdownify }}
+{{ $class := .Get 0 }}
+{{ $old := "
" }}
+{{ $new := printf "" $class }}
+{{ $htmlTable := replace $htmlTable $old $new }}
+{{ $htmlTable | safeHTML }}
diff --git a/static/css/style.css b/static/css/style.css
index e4ef7bd..4e2db0a 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -99,4 +99,17 @@ figure img {
figure img {
max-width: calc(100vw - 510px);
}
-}
\ No newline at end of file
+}
+
+/* Styes for tables */
+table, th, td {
+ padding: 0.5rem;
+}
+
+table.table-bordered,
+table.table-bordered td,
+table.table-bordered th {
+ border: 1px solid #dee2e6;
+ border-spacing: 2px;
+ border-collapse: collapse;
+}