florent/pages
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[bug-fix] Add padding to default markdown table cells (#2617)

Browse Source 
Default, meaning `pretty_table: false`

## Sample code

```md
|   First Column   |  Second Column  |  Third Column  |
|------------------|-----------------|----------------|
| Sed in.          | Sed non.        | Morbi egestas. |
| Donec facilisis. | Suspendisse eu. | Nulla porta.   |
| Praesent a.      | Interdum et.    | Sed nec.       |
```

### Current result 

<img width="369" alt="current-default"
src="https://github.com/user-attachments/assets/7dc74cfd-ed60-46eb-a1c1-bf3df74bac59">

### Proposed result

<img width="378" alt="updated-default"
src="https://github.com/user-attachments/assets/2bf83fb5-f7b1-4d4b-88aa-e55d3420aeaf">
This commit is contained in:
Rachel 2024-08-04 14:32:46 -04:00 committed by GitHub
parent e46a7941b2
commit 1d4ce5a313
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
_posts/2023-03-21-tables.md
View File

@ -10,7 +10,17 @@ related_posts: true
pretty_table: true
---
Using markdown to display tables is easy. Just use the following syntax:
Using markdown to display tables is easy.
## Simple Example
First, add the following to the post's front matter
```yml
pretty_table: true
```
Then, the following syntax
```markdown
| Left aligned | Center aligned | Right aligned |
@ -20,7 +30,7 @@ Using markdown to display tables is easy. Just use the following syntax:
| Left 3 | center 3 | right 3 |
```
That will generate:
will generate
| Left aligned | Center aligned | Right aligned |
| :----------- | :------------: | ------------: |
@ -30,6 +40,8 @@ That will generate:
<p></p>
## HTML Example
It is also possible to use HTML to display tables. For example, the following HTML code will display a table with [Bootstrap Table](https://bootstrap-table.com/), loaded from a JSON file:
{% raw %}
@ -62,6 +74,8 @@ It is also possible to use HTML to display tables. For example, the following HT
<p></p>
## More Complex Example
By using [Bootstrap Table](https://bootstrap-table.com/) it is possible to create pretty complex tables, with pagination, search, and more. For example, the following HTML code will display a table, loaded from a JSON file, with pagination, search, checkboxes, and header/content alignment. For more information, check the [documentation](https://examples.bootstrap-table.com/index.html).
{% raw %}

1
_sass/_base.scss
View File

@ -27,6 +27,7 @@ table {
td,
th {
font-size: 1rem;
padding: 1px 1rem 1px 0;
}
th {