XF 2.2 Xenforo standard css layout classes

[FoxSecrets]

I'm building a html table for my add-on, and i'd like to know if there is some standard css layout for it such as the code below for 'divs':

<div class="block-container">
    <div class="block-body">
      <div class="block-row">

Something similar for table? Where can I find a list of available css classes from Xenforo?

<table>
    <thead>
      <tr>
        <th>

 

[asprin]

For tables, you can use the following:

<xf:datalist>
    <xf:datarow>
        <xf:cell></xf:cell>
        <xf:cell></xf:cell>
        <xf:cell></xf:cell>
    </xf:datarow>
</xf:datalist>

datalist = table tag
datarow = tr tag
cell = td tag

You can use the rowtype and rowclass attributes on the <xf:datarow> to style the table even further.

<xf:datarow rowtype="current">
    
<xf:datarow rowtype="header">
    
<xf:datarow rowtype="subheading">
    
<xf:datarow rowclass="your-css-class">

 

[FoxSecrets]

Thanks @asprin!

Do you know how can I span columns like "colspan" for tables?

And where can I find the full list of xf tags?

 

[asprin]

Do you know how can I span columns like "colspan" for tables?

You can simply use the colspan="2" attribute on the <xf:cell> to do so.

And where can I find the full list of xf tags?

I don't have it handy but I recall someone posting it somewhere.