Editing Help:Tables (section)

== Table width ==
Sometimes tables should have defined widths. In this case, you can add ''width="X"'' to table formatting for small tables. For bigger ones, use ''style="width:100%;max-width:Xpx"'' instead, so that tables scale down on smaller resolutions. Note that when defining a width, you should also '''define the width of each cell in the 1st row''' (you can define widths using either percent, ''width=number%''; or pixels, ''width=number''; it will still scale down), like in the example below:

<pre>
{| class="wikitable" style="width:100%;max-width:1000px;"
! A
! B
|-
| Lorem ipsum
| Dolor sit amet
|}
{| class="wikitable" style="width:100%;max-width:1000px;"
! width=400 | A
! width=600 | B
|-
| Lorem ipsum
| Dolor sit amet
|}
</pre>

results in:

{| class="wikitable" style="width:100%;max-width:1000px;"
! A
! B
|-
| Lorem ipsum
| Dolor sit amet
|}
{| class="wikitable" style="width:100%;max-width:1000px;"
! width=400 | A
! width=600 | B
|-
| Lorem ipsum
| Dolor sit amet
|}

If the first row has colspanned cells, it is better to define their width too, and then define width of the columns they are spanning in the next row, like this:
<pre>
{| class="wikitable" style="width:100%;max-width:1000px;"
! colspan="2" width=1000 | A
|-
| width=400 | Lorem ipsum
| width=600 | Dolor sit amet
|}
</pre>
{| class="wikitable" style="width:100%;max-width:1000px;"
! colspan="2" width=1000 | A
|-
| width=400 | Lorem ipsum
| width=600 | Dolor sit amet
|}