Editing Help:Table (section)

=== Nowrap ===

A column will be as wide as its widest cell. To keep a cell from wrapping use <code>style="white-space: nowrap;"</code> 

If the cell is too wide though this may not be a good idea in cell phones. Part of the table may extend past the screen (especially in portrait view). 

Without <code>nowrap</code>, as it appears in a browser:

<div class="box">
'''Wikitext'''
<syntaxhighlight lang="wikitext">
{|class="wikitable sortable"
|-
! scope=col | Episode
! scope=col | Date
! scope=col | Summary
|-
|"The Journey Begins"
|January 1, 2010
|{{lorem ipsum|1}}... <!-- produces the long text -->
|}
</syntaxhighlight></div>

<div class="box">
'''Produces'''
{|class="wikitable sortable"
|-
! scope=col | Episode
! scope=col | Date
! scope=col | Summary
|-
|"The Journey Begins"
|January 1, 2010
|{{lorem ipsum|1}}
|}
</div>

With <code>nowrap</code>, on both the Episode and Date columns, as it appears in a browser:

<div class="box">
'''Wikitext'''
<syntaxhighlight lang=wikitext highlight=7,8>
{|class="wikitable sortable"
|-
! scope=col | Episode
! scope=col | Date
! scope=col | Summary
|-
| style="white-space: nowrap;" |"The Journey Begins"
| style="white-space: nowrap;" |January 1, 2010
|{{lorem ipsum|1}}... <!-- produces the long text -->
|}
</syntaxhighlight></div>

<div class="box">
'''Produces'''
{|class="wikitable sortable"
|-
! scope=col | Episode
! scope=col | Date
! scope=col | Summary
|-
| style="white-space: nowrap;" |"The Journey Begins"
| style="white-space: nowrap;" |January 1, 2010
|{{lorem ipsum|1}}
|}
</div>