From bde496fca8a2b84d57d4c7aef79446662fcff85c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?George=20Ara=C3=BAjo?= Date: Wed, 7 Aug 2024 16:00:04 -0300 Subject: [PATCH] Updated pt-br tables post MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: George Araújo --- _posts/pt-br/2023-03-21-tables.md | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) diff --git a/_posts/pt-br/2023-03-21-tables.md b/_posts/pt-br/2023-03-21-tables.md index da1d7e89d6a5..ca9549912a86 100644 --- a/_posts/pt-br/2023-03-21-tables.md +++ b/_posts/pt-br/2023-03-21-tables.md @@ -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:

+## 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

+## 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 %}