Mindy's Table Help

Date: [unknown] [unknown]
Location: [unknown]

Help With Tables:

Contents 1 Table Help 1.1 Basic Table Without Outline 1.2 Basic Table With Outline 1.3 Basic Table With Outline and Set Width 1.4 Basic Table With Outline and Set Width - Sortable 1.5 Adding Additional Rows 1.6 Notes 1.7 Table with 'The Works' 1.8 Online Help 1.9 Congratulations

Table Help

Remember: You can no longer use HTML on profiles. Though not recommended (except for what is in the WikiTree help) you can on your own profile and free space. The charts below use acceptable WikiTree styles that you can use on any profile.

Basic Table Without Outline

You type this in Edit mode: (You can copy and paste this)

{|
| Row 1, cell 1 || Row 1, cell 2 || Row 1, cell 3
|-
| Row 2, cell 1 || Row 2, cell 2 || Row 2, cell 3
|}

This is what it looks like:

Row 1, cell 1	Row 1, cell 2	Row 1, cell 3
Row 2, cell 1	Row 2, cell 2	Row 2, cell 3

For example:

Name	Wiki Id	Birthday
Mindy	Silva-1055	20 Sep

Basic Table With Outline

You type this in Edit mode: (You can copy and paste this)

{|border="1"
| Row 1, cell 1 || Row 1, cell 2 || Row 1, cell 3
|-
| Row 2, cell 1 || Row 2, cell 2 || Row 2, cell 3
|}

This is what it looks like:

Row 1, cell 1	Row 1, cell 2	Row 1, cell 3
Row 2, cell 1	Row 2, cell 2	Row 2, cell 3

For example:

Name	Wiki Id	Birthday
Mindy	Silva-1055	20 Sep

Basic Table With Outline and Set Width

You type this in Edit mode: (You can copy and paste this)

{|border="1" width="300"
| Row 1, cell 1 || Row 1, cell 2 || Row 1, cell 3
|-
| Row 2, cell 1 || Row 2, cell 2 || Row 2, cell 3
|}

This is what it looks like:

Row 1, cell 1	Row 1, cell 2	Row 1, cell 3
Row 2, cell 1	Row 2, cell 2	Row 2, cell 3

For example:

Name	Wiki Id	Birthday
Mindy	Silva-1055	20 Sep

Basic Table With Outline and Set Width - Sortable

You type this in Edit mode: (You can copy and paste this)

{|border="1" width="300" class="wikitable sortable"
| Row 1, cell 1 || Row 1, cell 2 || Row 1, cell 3
|-
| Row 2, cell 1 || Row 2, cell 2 || Row 2, cell 3
|}

This is what it looks like:

Row 1, cell 1	Row 1, cell 2	Row 1, cell 3
Row 2, cell 1	Row 2, cell 2	Row 2, cell 3

For example:

Name	Wiki Id	Birthday
Mindy	Silva-1055	20 Sep

Adding Additional Rows

You type this in Edit mode: (You can copy and paste this)

{|border="1" width="300"
| Row 1, cell 1 || Row 1, cell 2 || Row 1, cell 3
|-
| Row 2, cell 1 || Row 2, cell 2 || Row 2, cell 3
|-
| Row 3, cell 1 || Row 3, cell 2 || Row 3, cell 3
|-
| Row 4, cell 1 || Row 4, cell 2 || Row 4, cell 3
|}

This is what it looks like:

Row 1, cell 1	Row 1, cell 2	Row 1, cell 3
Row 2, cell 1	Row 2, cell 2	Row 2, cell 3
Row 3, cell 1	Row 3, cell 2	Row 3, cell 3
Row 4, cell 1	Row 4, cell 2	Row 4, cell 3

For example:

Name	Wiki Id	Birthday
Mindy	Silva-1055	20 Sep
Eowyn	Langholf-2	10 May
Karen	Finnerty-95	6 Dec

Notes

Now you can see that you can have a really basic table with no outline, or a sortable outlined table. You can add one or any of these options (sortable, outlined, colorful, extra rows). Hmm, I got your attention there, didn't I? *grins ... Yes, I said colorful. There are plenty of html color charts on the internet such as this one. You can use the slider to get to your color range, then move the circle inside the box to perfect your color. Or, you can scroll down and common colors are listed below. What you want is the code after the # sign.

Table with 'The Works'

You type this in Edit mode: (You can copy and paste this)

{|border="1" width="300" class="wikitable sortable" border="1" align="center" style="background-color:#7cc17c"
| Row 1, cell 1 || Row 1, cell 2 || Row 1, cell 3
|-
| Row 2, cell 1 || Row 2, cell 2 || Row 2, cell 3
|-
| Row 3, cell 1 || Row 3, cell 2 || Row 3, cell 3
|-
| Row 4, cell 1 || Row 4, cell 2 || Row 4, cell 3
|}

This is what it looks like:

Row 1, cell 1	Row 1, cell 2	Row 1, cell 3
Row 2, cell 1	Row 2, cell 2	Row 2, cell 3
Row 3, cell 1	Row 3, cell 2	Row 3, cell 3
Row 4, cell 1	Row 4, cell 2	Row 4, cell 3

For example:

Name	Wiki Id	Birthday
Mindy	Silva-1055	20 Sep
Eowyn	Langholf-2	10 May
Karen	Finnerty-95	6 Dec

I know this one looks more complicated, but break it down into each table setting:

• border= use if you want a border
• class= adds a sort function
• align= allows you to center the chart
• style= allows you to set a background color
• width= allows you to set the width

Online Help

• Table Maker, paste excel sheet
• Color Picker, hex codes for colors

Congratulations

Now just look at you go - you're ready to create tables on WikiTree like a pro!

(Return to the top)

---

For other help pages see my help page list.

Last edited (12:18, 19 December 2019 (UTC))