Template:DarknessAndLightCases

in: Editing, Help, Source editing Help:Tables/Wikitext < Help:Tables English EDIT SHARE If you want to shape tables with wikitext, you have plenty of options. This one page won't go into them all, but it will show you how wikitext matches up to HTML markup, the difference a CSS class makes, and an example of a simple table that works on both desktop and mobile devices.

Contents[hide] Basic table code Fandom's default CSS classes Basic tables More advanced table coding See also Further help and feedback Basic table codeEdit Wikitext is, in many ways, just shortcut for HTML. If you're familiar with HTML, you probably already know how to build a wikitext table. Here's a chart that will help you understand the connection between wikitext and HTML:

Description	You type Begin table (equivalent to )	|} Fandom's default CSS classes Edit Deep within Fandom's code lie two classes that you can put at the very start of your table. No matter which wiki you're on, there is always some default formatting for .article-table and .wikitable. If you use either the VisualEditor or the classic editor's visual mode, .article-table will be automatically added so that the basic structure of your table will be:

But there are cases where you might consider using .wikitable—or no class—instead. Here's what they all look like on a completely un-customized wiki:

Article-table With .article-table you get a lighter design

Wikitable With .wikitable you get greater definition for each cell

No table class Without a CSS class, you get neither borders nor header backgrounds

If you are styling tables with CSS customization, it is often best to target the .article-table class to style tables already using the class, as this one is the default.

Technically, another default table class exists at Fandom, called .WikiaTable. However, if unaltered by local CSS declarations, it provides precisely the same styling as .article-table Basic tablesEdit As explained elsewhere, tables don't always display well on mobile web.

The best approach is to keep things as simple as possible. Look at the following wikitext, and then notice, on your phone, how the table works on that smaller display: