Xenforo Table BBCode Tutorial

Discussion in 'The Soapbox' started by Trainer X, Feb 4, 2015.

  1. Trainer X

    Trainer X They don't think it be like it is, but it do Administrator

    Joined:
    May 4, 2010
    Messages:
    500
    RePG:
    25
    Profile:
    Profile
    In the move, we had to rework how a number of existing board features work, chief among them tables. Because tables are so commonly used, I figured it'd be a good idea to give a quick tutorial.

    Note: These changes also apply to the column BBCode.

    As before, to make a table, you use the table BBCode:
    Code:
    [table]content here[/table]
    If you'd like the table to have a title, you can specify it by adding an equals sign, like so:
    Code:
    [table=Title]content here[/table]
    However, how you format the content is now different. In order to start a new table row, instead of using the old line BBCode, you now wrap the entire row in the row BBCode (or the row2 BBCode, if you want a different style):
    Code:
    [row]Row goes here![/row]
    Same idea applies to cells: if you want to create cell, you wrap the cell in the c BBCode, like so:
    Code:
    [c]Cell goes here![/c]
    You can also use the hc BBCode to make cells with a header style.

    So, altogether, a table in BBCode looks like this:
    Code:
    [table=Title][row][hc]Column 1[/hc][hc]Column 2[/hc][/row][row][c]Cell 1[/c][c]Cell 2[/c][/row][/table]
    And looks like this:


    That's all there is to it!

    Edit: To clear up some confusion, here's a quick part on columns. In order to get an effect like this:

    This is a column!This is a second column!

    you'll need wrap each column in c tags, like so:
    Code:
    [column][c]This is a column![/c][c]This is a second column![/c][/column]
     
    Last edited: Feb 4, 2015

Share This Page