Tutorial - How to create Table in the BitcoinTalk Forum

[so98nn]

It's time for new lesson! Many of the people might be struggling while creating the Table in the forum. (If you dont want to go through whole tutorial just skip to bottom for quick table code)

The BBCODE is there but it feels complicated while making the table in the first place. Especially for the new person it's hard to make one. So I decided to simplify the process of making table with this tutorial. After this you will be able to make organised data in the tabular form.

I hope it help you guys.


Step - 1 Where to find the Table Buttons?



Starting from the left, the first button defines "table"code. That is

Code:

[table][/table]

While creating the table you will have to make the whole table rows, columns inside this code.

So very first step is to start with the same.

Example,

Code:

[table] Row 1  Column 1   Row 2  Column 2 [/table]

Second button represents ROW and is represented by

Code:

 [tr][/tr].

Example,

Code:

[table]  [tr]  Row1  [/tr]  [/table]

*This only represent you have to make the rows and columns inside the starting and ending table code.

Third button represents COLUMN and s represented by

Code:

[td][/td]

Example,

Code:

[table]  [td]  Column 1 [/td]  [/table]

Step - 2 Adding the rows & columns

From the above guidelines we now know what button is used for what and how to use the code as whole. Now let us merge above rows and columns to create the actual table.

Let us say I want to make simple 2X4 Table, viz., Two Columns and Four Rows:

I will start with table code :

Code:

[table][/table]

Will add the First Row

Code:

[table][tr] BitcoinTalk [/tr][/table]

Now here is the tricky part. You have to define Row 1 element belongs to which column. So we will insert it in the COLUMN code.

Code:

[table][tr][td]BitcoinTalk[/td][/tr][/table]

In similar fashion I will go on adding another column in the SAME ROW

Code:

[table][tr]   [td]BitcoinTalk[/td]     [td] Admin [/td]          [/tr][/table]

Notice that this is Row 1 only. We have just added another column in it by inserting another td..../td code. This is how you keep on adding columns.

Now, let us add second ROW.

Code:

[table][tr]   [td]BitcoinTalk[/td]     [td] Admin [/td]          [/tr]
       [tr]   [td]Bitcoin Discussion[/td]     [td] Theymos [/td]          [/tr][/table]

and here notice that I have just added the second line with row and column code. The table code remains as it is from start to end. That is table...../table.

Here is 2 x 4 Table in complete form.

BitcoinTalk	Admin
Bitcoin Discussion	Theymos
Altcoins Discussion	ABCD
Meta Section	XYZBC

EXAMPLE TAKEN AS IT IS FROM THE OTHER THREADS:

Rank	Required activity	Required merit
Brand new	0	0
Newbie	1	0
Jr Member	30	1
Member	60	10
Full Member	120	100
Sr. Member	240	250
Hero Member	480	500
Legendary	Random in the range 775-1030	1000

The Code for above table is :

Code:

[table][tr][td][b]Rank[/b][/td]   [td][b]Required activity[/b][/td]    [td][b]Required merit[/b][/td][/tr]
[tr][td]Brand new[/td][td]0[/td][td]0[/td][/tr]
[tr][td]Newbie[/td][td]1[/td][td]0[/td][/tr]
[tr][td]Jr Member[/td][td]30[/td][td]1[/td][/tr]
[tr][td]Member[/td][td]60[/td][td]10[/td][/tr]
[tr][td]Full Member[/td][td]120[/td][td]100[/td][/tr]
[tr][td]Sr. Member[/td][td]240[/td][td]250[/td][/tr]
[tr][td]Hero Member[/td][td]480[/td][td]500[/td][/tr]
[tr][td]Legendary[/td][td]Random in the range 775-1030[/td][td]1000[/td][/tr][/table]

I have made table here, well organised which you can directly copy and paste for quicker table making:

Column 1 Header	Column 2 Header	Column 3 Header
C1R1	C2R1	C3R1
C1R2	C2R2	C3R2
C1R3	C2R3	C3R3
C1R4	C2R4	C3R4
C1R5	C2R5	C3R5
C1R6	C2R6	C3R6
C1R7	C2R7	C3R7
C1R8	C2R8	C3R8
C1R9	C2R9	C3R9
C1R10	C2R10	C3R10
C1R11	C2R11	C3R11
C1R12	C2R12	C3R12
C1R13	C2R13	C3R13
C1R14	C2R14	C3R14
C1R15	C2R15	C3R15
C1R16	C2R16	C3R16

CODE FOR THE ABOVE TABLE

Code:

[table]

[tr][td][b]Column 1 Header[/b][/td]            [td][b]Column 2 Header [/b][/td]        [td][b]Column 3 Header[/b][/td][/tr]

[tr][td]C1R1[/td]                                       [td]C2R1[/td]                                           [td]C3R1[/td][/tr]
[tr][td]C1R2[/td]                                       [td]C2R2[/td]                                           [td]C3R2[/td][/tr]
[tr][td]C1R3[/td]                                       [td]C2R3[/td]                                           [td]C3R3[/td][/tr]
[tr][td]C1R4[/td]                                       [td]C2R4[/td]                                           [td]C3R4[/td][/tr]
[tr][td]C1R5[/td]                                       [td]C2R5[/td]                                           [td]C3R5[/td][/tr]
[tr][td]C1R6[/td]                                       [td]C2R6[/td]                                           [td]C3R6[/td][/tr]
[tr][td]C1R7[/td]                                       [td]C2R7[/td]                                           [td]C3R7[/td][/tr]
[tr][td]C1R8[/td]                                       [td]C2R8[/td]                                           [td]C3R8[/td][/tr]
[tr][td]C1R9[/td]                                       [td]C2R9[/td]                                           [td]C3R9[/td][/tr]
[tr][td]C1R10[/td]                                     [td]C2R10[/td]                                          [td]C3R10[/td][/tr]
[tr][td]C1R11[/td]                                     [td]C2R11[/td]                                          [td]C3R11[/td][/tr]
[tr][td]C1R12[/td]                                     [td]C2R12[/td]                                          [td]C3R12[/td][/tr]
[tr][td]C1R13[/td]                                     [td]C2R13[/td]                                          [td]C3R13[/td][/tr]
[tr][td]C1R14[/td]                                     [td]C2R14[/td]                                          [td]C3R14[/td][/tr]
[tr][td]C1R15[/td]                                     [td]C2R15[/td]                                          [td]C3R15[/td][/tr]
[tr][td]C1R16[/td]                                     [td]C2R16[/td]                                          [td]C3R16[/td][/tr]
[/table]

UPDATE : New Table Style with Colors and Separators

__________________________________	__________________________________	__________________________________
|                        Sr. No.                        |	|                      Name of the coin         |	|                       Current Price             |
|__________________________________|	|__________________________________|	|__________________________________|
|                          C1R1                            |	|                          C1R1                            |	|                          C1R1                            |
|__________________________________|	|__________________________________|	|__________________________________|
|                          C1R1                            |	|                          C1R1                            |	|                          C1R1                            |
|__________________________________|	|__________________________________|	|__________________________________|
|                          C1R1                            |	|                          C1R1                            |	|                          C1R1                            |
|__________________________________|	|__________________________________|	|__________________________________|
|                          C1R1                            |	|                          C1R1                            |	|                          C1R1                            |
|__________________________________|	|__________________________________|	|__________________________________|
|                          C1R1                            |	|                          C1R1                            |	|                          C1R1                            |
|__________________________________|	|__________________________________|	|__________________________________|
|                          C1R1                            |	|                          C1R1                            |	|                          C1R1                            |
|__________________________________|	|__________________________________|	|__________________________________|

CODE FOR THE TABLE:

Code:

[table]


[tr][td]__________________________________[/td][td]__________________________________[/td][td]__________________________________[/td][/tr]
[tr][td]|                        [color=red][b] [size=12pt] Sr. No. [/size][/b][/color]                       |[/td][td]|                      [b][color=green][size=12pt]Name of the coin [/size][/color][/b]        |[/td][td]|                       [b][color=blue][size=12pt]Current Price [/size][/color][/b]            |[/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]

[tr][td][glow=orange,2,300]|                          C1R1                            |[/glow][/td][td][glow=skyblue,2,300]|                          C1R1                            |[/glow][/td][td][glow=lime,2,300]|                          C1R1                            |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]|                          C1R1                            |[/glow][/td][td][glow=skyblue,2,300]|                          C1R1                            |[/glow][/td][td][glow=lime,2,300]|                          C1R1                            |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]|                          C1R1                            |[/glow][/td][td][glow=skyblue,2,300]|                          C1R1                            |[/glow][/td][td][glow=lime,2,300]|                          C1R1                            |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]|                          C1R1                            |[/glow][/td][td][glow=skyblue,2,300]|                          C1R1                            |[/glow][/td][td][glow=lime,2,300]|                          C1R1                            |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]|                          C1R1                            |[/glow][/td][td][glow=skyblue,2,300]|                          C1R1                            |[/glow][/td][td][glow=lime,2,300]|                          C1R1                            |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]|                          C1R1                            |[/glow][/td][td][glow=skyblue,2,300]|                          C1R1                            |[/glow][/td][td][glow=lime,2,300]|                          C1R1                            |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]



[/table]

[1715252169]

1715252169

[1715252169]

1715252169

[1715252169]

1715252169

[1715252169]

1715252169

[pakhitheboss]

Another great tutorial I must compliment you for your hard work and the way you have explained it. Creating table is not an easy task, it can be complicated for many members. Your tutorial has made it very simple. Thanks for sharing.

[tranthidung]

OP, you tried to do something helpful, I know and appreciate your effort but for your future threads, I advise you to do research before making a post or thread.

Create a table with some columns and rows is a challenge for people who don't know how to do it. I faced such challenge and even you have a table template from someone else, you must practice a few times to create yours well.

Search button you can get the link here or look at the top of the page, under your username and avatar, there is a search tab, click on it and be directed to the same link I gave you.

Some suggestions if you want to use tables on Bitcointalk

[so98nn]

Another great tutorial I must compliment you for your hard work and the way you have explained it. Creating table is not an easy task, it can be complicated for many members. Your tutorial has made it very simple. Thanks for sharing.

Thanks for the kind words, i faced problem myself so thought to share it with everyone.

OP, you tried to do something helpful, I know and appreciate your effort but for your future threads, I advise you to do research before making a post or thread.

Create a table with some columns and rows is a challenge for people who don't know how to do it. I faced such challenge and even you have a table template from someone else, you must practice a few times to create yours well.

Search button you can get the link here or look at the top of the page, under your username and avatar, there is a search tab, click on it and be directed to the same link I gave you.

Some suggestions if you want to use tables on Bitcointalk

That is amazing tutorial. Thanks for sharing it. Honestly I tried to search it myself but it wasn't coming up in the search. It is always good to revisit such tutorials given the time new people are joining this forum all the time.

Hopefully they will hit one or the other tutorial.

I tried with set example for easier look. Will add other styling and formatting as well. Thanks for the share.  

**Excess info is always an improvement**

[Smartvirus]

I find your tip very useful though, I'm yet to make a table of my own but then, to some extent, the intertwined nature of the coding kind of makes it rather confusing.

[Mrengage]

Have already been seeing this icons without being Told I definitely know what they stand for. Nice tutorial in my own perspectives I believe newbies will not get confused on the icons when using the reply box.

[minairia3]

Have already been seeing this icons without being Told I definitely know what they stand for.

Dont be mean. If you get it then good. I think OP has intiative to lay simplest guide to any beginners for easy and fast understanding. Some newbie got confuses with the symbols and this guide can help a lot for other who are striving to know how to do it and still not used to it.

I think creating tables, columns and rows are best to do on a desktop cause it will be hard to manually input via mobile phone when you are planning to do a table form post.

[NavI_027]

Nice tutorial in my own perspectives I believe newbies will not get confused on the icons when using the reply box.

If ever you feel confused on what the icons are used for or hesitate to simply click it because you're afraid of what may happen (I felt the same thing when I was new here). Dude there's a simple solution for your problem .

> For example, you want to know what this icon is



> Just click and hold it then a window will pop up. Now you know that it was a Superscript. A feature usually used for typing math exponents.

[DdmrDdmr]

As an alternative (non-equivalent and less frequently used) feature to the creation of tables, there’s the option to place rows and columns of information within a "code" block. The code block will provide the advantage of adding scroll bars if the number of rows or columns of information you are displaying is largish, but lacks the ability to include clickable links within the represented information.  I tend to post information every now and then, and prefer a code block because of the scroll feature (i.e. Bitcointalk Ranking-up pipeline- Those close to their next rank (lacking Merits)).

Nevertheless, it is not easy to make the columns align properly in a code block, as you need to place the correct amount of spaces between items for the display to be appealing. What one could do, is place the data on an Excel or Google Sheet, and then create a column with a formula that binds it all together with the adequate spacing between columns.
i.e:

Code:

=A2 & REPT(" ";15-LEN(A2)) &B2 & REPT(" ";35-LEN(B2)) &C2 & REPT(" ";15-LEN(C2)) &D2 & REPT(" ";10-LEN(D2)) &E2 & REPT(" ";10-LEN(E2)) &F2 & REPT(" ";15-LEN(F2)) &G2 & REPT(" ";10-LEN(G2)) &H2 & REPT(" ";15-LEN(H2)) &I2 & REPT(" ";20-LEN(I2)) &J2 & REPT(" ";15-LEN(J2)) & K2

This concatenates 11 columns of information, with the appropriate spacing created based on the length of each concatenated cell. The resulting field content is then what I copy and paste onto the code block on the forum.

[blckhawk]

It is so bizarre to find this kind of tutorial in this forum, it really takes me back. I remember the days where I in school and my professor taught this code. It was taught on website programming if I recall. I miss these days  , I hope for the end of this pandemic so I could go learn once again. Btw, this is a great topic, pretty sure it will helpful for everyone.

[Timmzzy]

Nice tutorial in my own perspectives I believe newbies will not get confused on the icons when using the reply box.

If ever you feel confused on what the icons are used for or hesitate to simply click it because you're afraid of what may happen (I felt the same thing when I was new here). Dude there's a simple solution for your problem .

> For example, you want to know what this icon is



> Just click and hold it then a window will pop up. Now you know that it was a Superscript. A feature usually used for typing math exponents.

This really explains better, but I see that it's on Google chrome browser you did that on which most users are not using it. Just hoping it's same on others.

[Kemarit]

This tutorial can complement what @1miau posted here, Some suggestions if you want to use tables on Bitcointalk.

[xhomerx10]

Great tutorial.  Here's a tool (not mine) to make BBCode table creation easier.

teamoplolis	.com	/tools	/bbcode-	table-	generator	.aspx
alternatively	you	can	use	this	handy	online
table	generator	to	save	yourself	some	time.
It	will	create	the	table	for	you
then	all	you	have	to	do	is
fill	it	in	and	click	generate!	Piece 'o cake

https://www.teamopolis.com/tools/bbcode-table-generator.aspx

NB header tags don't work on Bitcointalk so uncheck the "1^st row is header" box.

[jademaxsuy]

Yes, I do use spacing to create like this one but whenever I post it the result is devastating and it never really align no matter how many times I edit the post. So, this is probably the way it can solve problem by creating such table. I did not able to observe that buttons on how to use it until such this tutorial has been published. Easy to understand though it need some time here to post like due to the details one need to create in making the table. It is not easy as other word pad but thanks anyway because it is worth it.

[Mor254]

This is a really good educational program I did not know how to create a table correctly especially that I use another language sometimes other than the English language because when I use another language like Arabic the direction of the code changes I had copied a code from another person and amending it Thank you for the form that I submitted I will benefit from it

[so98nn]

Thank you guys for both pros and cons type of comments up here.

I will experiment more with the table tool to create some interesting formats. Will publish here soon. It's fun to play around.

[OcTradism]

Pre can help you to polish your table but it is complex and advance table. If you don't mind to spend time to learn it, you can begin with it.

   Alice’s input 1 btc in         →       Alice’s output 1BTC back to her address       
   Bob’s input 0.75 btc in        →       Bob’s output 0.75BTC sent back to his address 

https://www.teamopolis.com/tools/bbcode-reference.aspx

Preformatted Text
Displays text preformatted, and on a new line

Text

Code:

[PRE]Text[/PRE]

[so98nn]

In the following Table just change your desired text, colors and length as per your texting length.

This might look little complex but its as easy as changing the given text to yours.

__________________________________	__________________________________	__________________________________
|                         Sr. No.                       |	|                      Name of the coin        |	|                       Current Price            |
|__________________________________|	|__________________________________|	|__________________________________|
|                          C1R1                            |	|                          C1R1                            |	|                          C1R1                            |
|__________________________________|	|__________________________________|	|__________________________________|
|                          C1R1                            |	|                          C1R1                            |	|                          C1R1                            |
|__________________________________|	|__________________________________|	|__________________________________|
|                          C1R1                            |	|                          C1R1                            |	|                          C1R1                            |
|__________________________________|	|__________________________________|	|__________________________________|
|                          C1R1                            |	|                          C1R1                            |	|                          C1R1                            |
|__________________________________|	|__________________________________|	|__________________________________|
|                          C1R1                            |	|                          C1R1                            |	|                          C1R1                            |
|__________________________________|	|__________________________________|	|__________________________________|
|                          C1R1                            |	|                          C1R1                            |	|                          C1R1                            |
|__________________________________|	|__________________________________|	|__________________________________|

The code for above Table is as follows :

Code:

[table]


[tr][td]__________________________________[/td][td]__________________________________[/td][td]__________________________________[/td][/tr]
[tr][td]|                        [color=red][b] [size=12pt] Sr. No. [/size][/b][/color]                       |[/td][td]|                      [b][color=green][size=12pt]Name of the coin [/size][/color][/b]        |[/td][td]|                       [b][color=blue][size=12pt]Current Price [/size][/color][/b]            |[/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]

[tr][td][glow=orange,2,300]|                          C1R1                            |[/glow][/td][td][glow=skyblue,2,300]|                          C1R1                            |[/glow][/td][td][glow=lime,2,300]|                          C1R1                            |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]|                          C1R1                            |[/glow][/td][td][glow=skyblue,2,300]|                          C1R1                            |[/glow][/td][td][glow=lime,2,300]|                          C1R1                            |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]|                          C1R1                            |[/glow][/td][td][glow=skyblue,2,300]|                          C1R1                            |[/glow][/td][td][glow=lime,2,300]|                          C1R1                            |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]|                          C1R1                            |[/glow][/td][td][glow=skyblue,2,300]|                          C1R1                            |[/glow][/td][td][glow=lime,2,300]|                          C1R1                            |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]|                          C1R1                            |[/glow][/td][td][glow=skyblue,2,300]|                          C1R1                            |[/glow][/td][td][glow=lime,2,300]|                          C1R1                            |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]|                          C1R1                            |[/glow][/td][td][glow=skyblue,2,300]|                          C1R1                            |[/glow][/td][td][glow=lime,2,300]|                          C1R1                            |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]



[/table]

This one is also good suggestion. Thank you @OcTradism

Pre can help you to polish your table but it is complex and advance table. If you don't mind to spend time to learn it, you can begin with it.

   Alice’s input 1 btc in         →       Alice’s output 1BTC back to her address       
   Bob’s input 0.75 btc in        →       Bob’s output 0.75BTC sent back to his address 

https://www.teamopolis.com/tools/bbcode-reference.aspx

Preformatted Text
Displays text preformatted, and on a new line

Text

Code:

[PRE]Text[/PRE]

Will definitely learn more from it.  

[GeorgeJohn]

I find it difficult to make a table but base on your excellent explanation here I can make a perfect table,
That is the reason I keep on emphasising on observation and hardworking because many members don't really know how to create a table but you has brought an easy way to scale through.
No one is island of knowledge, we are here to learn things beyond us.because in my findings I noticed that  "knowledge is power" and hardworking is success while observation is the solution of achievement.
I applaud you for your research, keep it on for the benefit of the beginners.

[BITCOIN4X]

I find it difficult to make a table but base on your excellent explanation here I can make a perfect table,

Yes, its not easy, man. Making table must be done carefully and with patience. Maybe I should spend a few hour making a list of the top 100 altcoin now if I use a table because i am never done it.

OP, you did well and I am interested in trying out your tutorial and it will provide variation on my post.