Is It Possible To Build a HTML/CSS Kind of Table On This Forum?

[Fivestar4everMVP]

Hi ladies and gents.
There's this thread I've been working on for few days now, and at this point, I need to build a table, through some research I did earlier today, I learnt how to build the regular type of tables I always see on this forum, which is the one below.

#

|

HEADING 1

|

HEADING 2

|

HEADING 3

|

HEADING 4

|

HEADING 5

|

HEADING 6

|

HEADING 7

|

HEADING 8

1

|

Data 1

|

Data 2

|

Data 3

|

Data 4

|

Data 5

|

Data 6

|

Data 7

|

Data 8

I learnt how to build the above table from this thread, thanks to @LoyceV, I learnt how to do it properly from one of his/her posts.

But then, the above kind of table isn't exactly what I want, the kind of table in the image below is what am looking to build.

So am asking, is something like this possible to build on this forum and if positive, how please?

[1715206622]

1715206622

[1715206622]

1715206622

[1715206622]

1715206622

[1715206622]

1715206622

[1715206622]

1715206622

[1715206622]

1715206622

[Stalker22]

So am asking, is something like this possible to build on this forum and if positive, how please?

So, basically, you want visible borders on the table cells? I am afraid it can not be done easily with BBCode. What you can do is add extra rows between each existing data row and fill the cells with characters that will give you the illusion of a line.

For example:

#

|

HEADING 1

|

HEADING 2

|

HEADING 3

|

HEADING 4

|

HEADING 5

|

HEADING 6

|

HEADING 7

|

HEADING 8

--

|

-------------

|

-------------

|

-------------

|

-------------

|

-------------

|

-------------

|

-------------

|

-------------

1

|

Data 1

|

Data 2

|

Data 3

|

Data 4

|

Data 5

|

Data 6

|

Data 7

|

Data 8

I know it looks messy, but that’s the only way I know of, unless you want to use images.


Edit:
Or perhaps, something like this:

	╔	══════════	╦	══════════	╦	══════════	╦	══════════	╗
	║	col 1	║	col 2	║	col 3	║	col 4	║
	╠	══════════	╬	══════════	╬	══════════	╬	══════════	╣
	║	xxx	║	xxx	║	xxx	║	xxx	║
	╚	══════════	╩	══════════	╩	══════════	╩	══════════	╝

[PX-Z]

Unfortunately, there's no css implementation when making a post on a bbcode based smf forum, although it can be done but idk how theymos thought about it coz maybe it will break the looks of the website if css attributes is added. So far only the forum ads is applicable as a dynamic addition using css.
So bbcode with dashed is only the way like the sample above.

[Dripstoil]

I was trying to paste some codes here but everything is messing.
I guess my rank made it impossible for me to post codes.

I think something like this can do what you're looking for

<table class="bbc_table"><tr><td>[th]Name[/th]<br />[th]Age[/th]<br /></td></tr><tr><td>John</td><td>65</td></tr><tr><td>Gitte</td><td>40</td></tr><tr><td>Sussie</td><td>19</td></tr></table>

[Stalker22]

I was trying to paste some codes here but everything is messing.
I guess my rank made it impossible for me to post codes.

I think something like this can do what you're looking for
~

There is a difference between BBCode and HTML code. HTML code cannot be used in forum posts, but BBCode markup language is used to format content.

The HTML code you are trying to paste has nothing to do with the OP's question.

[Dripstoil]

I was trying to paste some codes here but everything is messing.
I guess my rank made it impossible for me to post codes.

I think something like this can do what you're looking for
~

There is a difference between BBCode and HTML code. HTML code cannot be used in forum posts, but BBCode markup language is used to format content.

The HTML code you are trying to paste has nothing to do with the OP's question.

Of course this html code does what the OP posted if he can build out the "th" to properly implement.

A BBCode forum user used Sniper E's table extension to build this 👇

[table=20]

[td=cat 2][align=center]Animals[/align]

[th=50 1]Dogs[/th][th=50 2]Cats[/th]

[td=row1 1]Cavaliers

[td=row1 1]Tabbies[/td][/tr]
[tr][td][td=row2 1]Terriors[/td][/tr][/table][td=row2 1]Pursians[/td][/tr][/table]

[table=70]

[td=cat 4]4 column table

[th=15 1]column1[/th][th=35 1]column 2[/th][th=15 1]column 3[/th][th=35 1]column 4[/th]

[td=row1 1]something

[td=row1 1]more[/td][/tr][/table][td=row1 1]is[/td][/tr][/table][td=row1 1]happening[/td][/tr]
[tr][td][td=row2 1]additional[/td][/tr][/table][td=row2 3]this is covering 3 columns[/td][/tr]
[tr][td][td=row3 2]checking[/td][/tr][/table][td=row3 1]about[/td][/tr][/table][td=row3 1]row numbers[/td][/tr][/table]

And the output result 👇 looks like this image. Though not quite clear buy you can get the idea of what the result would look like

[Maus0728]

If you still need to create some fancy-looking table like you mentioned, I highly suggest you refer to this thread[1] for some table design inspiration. Just design the table according to your preference. Plus, being a forum junkie, BBcode is generally used specifically for message boards as well as to avoid security issues. Problem solved!!

Before BBCode forums sometimes allowed users to include HTML code in their posts, which had many security issues (i.e. the user could execute javascript code, break the layout of the site and so on).

[1] https://bitcointalk.org/index.php?topic=5157728.0

[Stalker22]

A BBCode forum user used Sniper E's table extension to build this 👇
~

Sniper-E's table extension is for the phpBB forum software, Bitcointalk.org runs on a modified version of the SMF software. Also, I doubt theymos would agree to add any extensions of this sort to the existing platform.

But, again, this has nothing to do with the OP's question, so, please stop posting nonsense about things you clearly have very little knowledge about.

[LoyceV]

Let me test something:

#

|

HEADING 1

|

HEADING 2

|

HEADING 3

|

HEADING 4

|

HEADING 5

|

HEADING 6

|

HEADING 7

|

HEADING 8

--

|

-------------

|

-------------

|

-------------

|

-------------

|

-------------

|

-------------

|

-------------

|

-------------

1

|

Data 1

|

Data 2

|

Data 3

|

Data 4

|

Data 5

|

Data 6

|

Data 7

|

Data 8

I've replaced your ------------- by a black image:

#

|

HEADING 1

|

HEADING 2

|

HEADING 3

|

HEADING 4

|

HEADING 5

|

HEADING 6

|

HEADING 7

|

HEADING 8

1

|

Data 1

|

Data 2

|

Data 3

|

Data 4

|

Data 5

|

Data 6

|

Data 7

|

Data 8

It's terrible to create manually.

You can add a black line above the | too:

#

|

HEADING 1

|

HEADING 2

|

HEADING 3

|

HEADING 4

|

HEADING 5

|

HEADING 6

|

HEADING 7

|

HEADING 8

1

|

Data 1

|

Data 2

|

Data 3

|

Data 4

|

Data 5

|

Data 6

|

Data 7

|

Data 8

I haven't found a way to make uninterrupted vertical lines inside the table.

There should be another | left and right from the table, which I'll leave to the reader to add.

[hugeblack]

you can try these codes:

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

Source ---> https://bitcointalk.org/index.php?topic=5265782.msg54919258#msg54919258



All BBcode solutions need a lot of modifications, so the best and fastest solution is to make a screenshot of a table, and then update that table in the way you see fit with removing the background, something like this.

The modification here is quick because it is in two steps:

 - Modify your table.
 - Make a screenshot, upload the image and update the topic.

[Fivestar4everMVP]

Or perhaps, something like this:

	╔	══════════	╦	══════════	╦	══════════	╦	══════════	╗
	║	col 1	║	col 2	║	col 3	║	col 4	║
	╠	══════════	╬	══════════	╬	══════════	╬	══════════	╣
	║	xxx	║	xxx	║	xxx	║	xxx	║
	╚	══════════	╩	══════════	╩	══════════	╩	══════════	╝

Let me test something:

#

|

HEADING 1

|

HEADING 2

|

HEADING 3

|

HEADING 4

|

HEADING 5

|

HEADING 6

|

HEADING 7

|

HEADING 8

--

|

-------------

|

-------------

|

-------------

|

-------------

|

-------------

|

-------------

|

-------------

|

-------------

1

|

Data 1

|

Data 2

|

Data 3

|

Data 4

|

Data 5

|

Data 6

|

Data 7

|

Data 8

I've replaced your ------------- by a black image:

#

|

HEADING 1

|

HEADING 2

|

HEADING 3

|

HEADING 4

|

HEADING 5

|

HEADING 6

|

HEADING 7

|

HEADING 8

1

|

Data 1

|

Data 2

|

Data 3

|

Data 4

|

Data 5

|

Data 6

|

Data 7

|

Data 8

It's terrible to create manually.

You can add a black line above the | too:

#

|

HEADING 1

|

HEADING 2

|

HEADING 3

|

HEADING 4

|

HEADING 5

|

HEADING 6

|

HEADING 7

|

HEADING 8

1

|

Data 1

|

Data 2

|

Data 3

|

Data 4

|

Data 5

|

Data 6

|

Data 7

|

Data 8

I haven't found a way to make uninterrupted vertical lines inside the table.

There should be another | left and right from the table, which I'll leave to the reader to add.

you can try these codes:

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

I must confess, this are really great ideas, thank you all for all the efforts you put in to bring all of this ideas up, I will put all of it into use, I will test them all and possibly try to come up maybe with something brand new just like you all have done with the ideas here, but incase am not able to come up with something new, then i will choose one here that fits better with what am currently building and go with.

I appreciate everyone that have contributed here in one way all the other, thank you all.

I will still leave the reply function open, incase anyone comes around with new ideas.