How to create Table with BBCode

[pkmoney]

Recently, I have created a thread where table was required for a better look of the post. As I am new, I had problem to create table. Googled it and got some tutorials from which I was able to create table. I also got a tutorial in Bitcointalk but that was not sufficient for me as i am newbie.
So, I decided to create a tutorial so that newbie can easily create table.

You will easily understand if you have a little knowledge in html.

What you need to know:
1. Each code start with [] and end with [/]. For example, table code start with

Code:

[table]

and end with

Code:

[/table]

.
2. Code for row "tr" and code for column "td"
3. All text will be located in between the starting and ending code.For example,

Code:

[table]username[/table]

Code:

We will create a table with 1 row in which there will be a column. Take a table code and inside the table create a row. Then inside the row, create a column.

[table]
[tr]
[td]Username[/td]
[/tr]
[/table]

So,if we want to put 3 row with 3 column, the code will be,

Code:

[table]
[color=red]This is the 1st row.[/color]
[tr]
[td]Name[/td]
[td]age[/td]
[td]year of birth[/td]
[/tr]
[color=red]This is the 2nd row[/color]
[tr]
[td]Alice[/td]
[td]20[/td]
[td]1998[/td]
[/tr]
[color=red]This is the 3rd row.[/color]
[tr]
[td]Bob[/td]
[td]21[/td]
[td]1997[/td]
[/tr]
[/table]

Preview of above code:

Name	age	year of birth
Alice	20	1998
Bob	21	1997

I hope it will help you a little bit. you can also use the code automatically. Have a look at the image below.

[mdayonliner]

~

Good to see that you are trying to create good posts that is helpful to others but before creating a topic you really need to do a little Search (Click here) to check if the answer has already been given in anywhere in the forum.

Knowing about BBCode and learning it's use (archive): Thanks to roslinpl for the well presented topic.

[sncc]

You can check many examples of BB code in the "Help" of the forum -- here is the link:

https://bitcointalk.org/index.php?action=help;page=post#bbcref

[pkmoney]

~

Good to see that you are trying to create good posts that is helpful to others but before creating a topic you really need to do a little Search (Click here) to check if the answer has already been given in anywhere in the forum.

Knowing about BBCode and learning it's use (archive): Thanks to roslinpl for the well presented topic.

I have shared the link above. Don't know whether you have noticed it or not.

You can check many examples of BB code in the "Help" of the forum -- here is the link:

https://bitcointalk.org/index.php?action=help;page=post#bbcref

Thanks. Generally I searched on google with "bitcointalk" tail. Didn't find a good one without the one mentioned above.

[LoyceV]

Code:

We will create a table with 1 row in which there will be a column. Take a table code and inside the table create a row. Then inside the row, create a column.

[table]
[tr]
[td]Username[/td]
[/tr]
[/table]

Until now, this is indeed what I did. It can be pain staking to add a column, as the data is spread out through the code (example).
I only recently found out you can also have columns within rows instead of rows within columns.

Example:

Code:

[table]
[tr][td]Username1[/td][td]Username2[/td][/tr]
[tr][td]UsernameA[/td][td]UsernameB[/td][/tr]
[/table]

Looks like:

Username1	Username2
UsernameA	UsernameB

Code:

[table]
[td][tr]Username1[/tr][tr]UsernameA[/tr][/td]
[td][tr]Username2[/tr][tr]UsernameB[/tr][/td]
[/table]

Looks exactly the same:

Username1 UsernameA

Username2 UsernameB

Update: the above code works fine, but when I edit my post, the forum changed it into something much bigger:

Code:

[table][tr]
[td][table][tr][td]Username1[/td][/tr][tr][td]UsernameA[/td][/tr][/table][/td]
[td][table][tr][td]Username2[/td][/tr][tr][td]UsernameB[/td][/tr][/table][/td][/tr][/table]

Now I'm confused why

By choosing the correct format based on your needs you make it easier for yourself later on.

Vertical borders
Use columns with just "|" to make vertical borders in or around your table (click for an example).

[mdayonliner]

Update: the above code works fine, but when I edit my post, the forum changed it into something much bigger:

Code:

[table][tr]
[td][table][tr][td]Username1[/td][/tr][tr][td]UsernameA[/td][/tr][/table][/td]
[td][table][tr][td]Username2[/td][/tr][tr][td]UsernameB[/td][/tr][/table][/td][/tr][/table]

Now I'm confused why

Pretty simple.... The system restructure the code so that the machine understand the language.

table tag with one tr

Code:

[table]

[tr][/tr]

[/table]

First td

Code:

[td][table][tr][td]Username1[/td][/tr][tr][td]UsernameA[/td][/tr][/table][/td]

Second td

Code:

[td][table][tr][td]Username2[/td][/tr][tr][td]UsernameB[/td][/tr][/table][/td]

The main table is moving column wise left to right where in regular case a table can be imaginable moving raw wise top to bottom.

Hope now you get the change  

[Angry Panda]

How to fix the width of a cell?

[LoyceV]

How to fix the width of a cell?

Adding an (invisible) image under cell contents works.
I've used a white image for this example:

Title A	Title 2
UsernameA	UsernameB

Code:

[table]
[tr][td]Title A
[img width=300 height=1]http://i64.tinypic.com/288z487.gif[/img][/td][td]Title 2
[img width=300 height=1]http://i64.tinypic.com/288z487.gif[/img][/td][/tr]
[tr][td]UsernameA[/td][td]UsernameB[/td][/tr]
[/table]

[Angry Panda]

It's a good solution but unfortunately it's not applicable to my case, because of my rank  

[LoyceV]

It's a good solution but unfortunately it's not applicable to my case, because of my rank 

If you get a Copper membership, you can post images.

[Angry Panda]

I found a way to solve before, thanks for your idea 

Code:

[table]
[tr][td]___________[/td][td]_______________[/td][/tr]
[tr][td]This way[/td][td]Works too :)[/td][/tr]
[tr][td]___________[/td][td]_______________[/td][/tr]
[/table]

[uchegod-21]

How to fix the width of a cell?

Adding an (invisible) image under cell contents works.
I've used a white image for this example:

Title A	Title 2
UsernameA	UsernameB

Code:

[table]
[tr][td]Title A
[img width=300 height=1]http://i64.tinypic.com/288z487.gif[/img][/td][td]Title 2
[img width=300 height=1]http://i64.tinypic.com/288z487.gif[/img][/td][/tr]
[tr][td]UsernameA[/td][td]UsernameB[/td][/tr]
[/table]

How to create table in HTML is beautiful than here. If you use Bbcode you will not get table head (th) with bold. All will be table data (td) and you will not have space. I have bin trying it but is not working. I now use this code which I also know in HTML.

Code:

[pre][/pre]

.
It help me to transfer the style I did it in MS word to this forum.
See it...

Quality     Bitcoin     Fiat
Centralized     No     Yes
Currency        Yes     Yes
Privacy         Yes     No