User:SvareJM/Sandbox/Columns

Different ways to display information in columns.

Columns-begin
This is probably the best implementation available right now (8/9 2017). The columns are created using the col-begin template with a dimension parameter to set the width of the table. The first and subsequent columns are made with the col-break template, and the col-end template completes the table. No breaks are required to pad the length of the columns. Column items can be either bulleted or numbered.

Birth Records
 * Name of child
 * Birth date
 * Birthplace
 * Race
 * Number of child in family
 * Maiden name of mother
 * Name of father
 * Age of parents
 * Residences of parents
 * Birthplaces of parents
 * Occupation of father
 * Live or stillbirth
 * Cause of stillbirth
 * Informant

Marriage Records
 * Names of groom and bride
 * Place of residence
 * Date of marriage
 * Place of marriage
 * Age
 * Race
 * Birthplace
 * Occupation
 * Previous marriages
 * Witnesses
 * Marriage officiator

Death Records
 * Name of deceased
 * Date and place of death
 * Date and place of birth
 * Date and place of burial
 * Occupation
 * Residence
 * Race
 * Gender
 * Physical description
 * Marriage status
 * Cause of death
 * Names of parents
 * Birthplaces of parents
 * Relatives names
 * Informant
 * Name of undertaker

Sample Code


Birth Records
 * Name of child
 * Birth date
 * Birthplace

Marriage Records
 * Names of groom and bride
 * Place of residence
 * Date of marriage
 * Place of marriage

Death Records
 * Name of deceased
 * Date and place of death
 * Date and place of birth
 * Date and place of burial



Columns-list
This uses a single function with a pipe-separated parameter to set the number of columns. This is probably the easiest to implement, but it doesn't allow the user to specify where the breaks occur. This is a problem when you need columnar data presented in specific groupings.

The code is: • 4

• 4

Sample Code
• 4

Columns-List (3) Deprecated
This uses breaks to pad each list so they are the same length. This doesn't display well on mobile devices, and if inspected closely the list values do not align across columns. This code is no longer supported by the wiki and future upgrades may cause it to no longer be displayed. • 3

Table (3 Column)
Standard table coding. Easy to create and edit but shows empty cells unless formatted using ROWSPAN markup.

DIV - Column-count
This code uses the HTML DIV style and line breaks to pad each list so they are the same length. This doesn't display work really very good and it doesn't display well on mobile devices. If inspected closely the list values do not align across columns.

Birth Records Marriage Records Death Records
 * Name of child
 * Birth date
 * Birthplace
 * Race
 * Number of child in family
 * Maiden name of mother
 * Name of father
 * Age of parents
 * Residences of parents
 * Birthplaces of parents
 * Occupation of father
 * Live or stillbirth
 * Cause of stillbirth
 * Informant
 * Names of groom and bride
 * Place of residence
 * Date of marriage
 * Place of marriage
 * Age
 * Race
 * Birthplace
 * Occupation
 * Previous marriages
 * Witnesses
 * Marriage officiator
 * Name of deceased
 * Date and place of death
 * Date and place of birth
 * Date and place of burial
 * Occupation
 * Residence
 * Race
 * Gender
 * Physical description
 * Marriage status
 * Cause of death
 * Names of parents
 * Birthplaces of parents
 * Relatives names
 * Informant
 * Name of undertaker