Pages:
Author

Topic: Tutorial - How to create Table in the BitcoinTalk Forum - page 2. (Read 1010 times)

sr. member
Activity: 1456
Merit: 325
★Bitvest.io★ Play Plinko or Invest!
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  Cry , 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.
legendary
Activity: 2310
Merit: 10758
There are lies, damned lies and statistics. MTwain
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.
full member
Activity: 1232
Merit: 186
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 Smiley.

> 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.

sr. member
Activity: 1470
Merit: 326
Vave.com - Crypto Casino
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.
member
Activity: 420
Merit: 12
Globe-dex.com
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.
legendary
Activity: 1414
Merit: 1108
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.
hero member
Activity: 2072
Merit: 603
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.  Cheesy

**Excess info is always an improvement**
legendary
Activity: 2170
Merit: 3858
Farewell o_e_l_e_o
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
hero member
Activity: 2100
Merit: 771
Top Crypto Casino
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.
hero member
Activity: 2072
Merit: 603
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:

RankRequired activityRequired merit
Brand new00
Newbie10
Jr Member301
Member6010
Full Member120100
Sr. Member240250
Hero Member480500
LegendaryRandom in the range 775-10301000

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 HeaderColumn 2 Header Column 3 Header
C1R1C2R1C3R1
C1R2C2R2C3R2
C1R3C2R3C3R3
C1R4C2R4C3R4
C1R5C2R5C3R5
C1R6C2R6C3R6
C1R7C2R7C3R7
C1R8C2R8C3R8
C1R9C2R9C3R9
C1R10C2R10C3R10
C1R11C2R11C3R11
C1R12C2R12C3R12
C1R13C2R13C3R13
C1R14C2R14C3R14
C1R15C2R15C3R15
C1R16C2R16C3R16


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]
Pages:
Jump to: