Fix table styling (#789)

* Fix table styling

* Fix heading level

Author: reakaleek

docs/syntax/tables.md

@@ -42,6 +42,32 @@ A table is an arrangement of data with rows and columns. Each row consists of ce
 :::
 
 
+## Table without header
+
+::::{tab-set}
+
+:::{tab-item} Output
+|                   |         |
+|-------------------|---------|
+| **Country**       | Austria |
+| **Capital**       | Vienna  |
+| **Calling code**  | +43     |
+| **ISO 3166 code** | AT      |
+:::
+
+:::{tab-item} Markdown
+```markdown
+|                   |         |
+|-------------------|---------|
+| **Country**       | Austria |
+| **Capital**       | Vienna  |
+| **Calling code**  | +43     |
+| **ISO 3166 code** | AT      |
+```
+:::
+
+::::
+
 ## Responsive Table
 
 Every table is responsive by default. The table will automatically scroll horizontally when the content is wider than the viewport.

src/Elastic.Markdown/Assets/markdown/table.css

@@ -3,11 +3,12 @@
 
 	.table-wrapper {
 
-		@apply w-full overflow-x-scroll my-4;
+		@apply w-full overflow-x-auto my-4;
 
 		&::-webkit-scrollbar {
 			@apply h-2 bg-grey-10 border-b-1 border-grey-20;
 		}
+		
 		&::-webkit-scrollbar-thumb {
 			@apply bg-grey-80 rounded-full;
 		}