User:Hari singh/Tables: Difference between revisions

From SikhiWiki
Jump to navigationJump to search
No edit summary
Line 1: Line 1:
{{Hari singh header}}
{{Hari singh header}}
==Tables==
* '''[http://meta.wikimedia.org/wiki/Help:Table  Wikimedia Help - Tables]'''


==Tables==
===Default style ===
===Default style ===
<pre>
<pre>

Revision as of 21:09, 21 January 2012

Welcome to Hari's User Page ਧਨ ਗੁਰੂ ਨਾਨਕ Email Hari Singh
Useful Links External Links Technical help Templates Templates2 Reminders Testing-Temp-2 Things to do
SikhiWiki Users Styles Formatting Tables SGGS quotes User templates Menu Media/pictures


Tables

Default style

{| border="1" cellpadding="5" cellspacing="0" style="text-align:center"
|-style="background:#efefef; font-weight:bold;"
|width=50px |No.
|width=100px |Month Name
|width=150px |Start date
|width=100px |Days in month
|-
| 1. || [[Chet]] || 14 March || 31 
|-
| 2. || [[Vaisakhi]] ||  14 April || 31 
|-
| 3. || [[Jeth]] ||  15 May || 31 
|-
| 4. || [[Harh]] ||  15 June || 31 
|}
No. Month Name Start date Days in month
1. Chet 14 March 31
2. Vaisakhi 14 April 31
3. Jeth 15 May 31
4. Harh 15 June 31

Segments

| style="width:38%;text-align:center; white-space: nowrap; color:#000" |
<h1 style="font-size: 150%; border: none; margin: 0; padding:.1em;">
<font color=#FF6600>

style="background-color:transparent;"

Simple menu system

{|style="width:75%; background:#f0f0f0; " border="1" cellpadding="7" cellspacing="0"
|style="width:25%;text-align:left;"| '''[[POW_August|Previous month - August]]'''
|style="width:50%;text-align:center;"| <center>'''Navigation Menu'''
|style="width:25%;text-align:right;"| '''[[POW_October|Next month - October]]'''
|}
Previous month - August
Navigation Menu
Next month - October

example of table 1

{|style="width:70%; background:#f0f0f0; " border="1" cellpadding="7" 
cellspacing="0"
|width=20%| '''Date '''
|width=80%| '''Event'''
|-
|November 2007 || Sarika is excluded from Aberdare 
|-
|September 1, 2008 || Sarika announces that she will 
|}
Date Event
November 2007 Sarika is excluded from Aberdare
September 1, 2008 Sarika announces that she will

example of table 2

{|style="width:90%; background:#f0f0f0; " border="0" cellpadding="7" cellspacing="0"
|width=20%| '''Date '''
|width=80%| '''Event'''
|-
|November 2007 || Sarika is excluded from Aberdare 
|-
|September 1, 2008 || Sarika announces that she will 
|}
Date Event
November 2007 Sarika is excluded from Aberdare
September 1, 2008 Sarika announces that she will

Example 3

{| class="wikitable" style="margin: 1em auto 1em auto"
|+ '''Cells left-aligned, table centered'''
! col 1  || col 2 || col 3
|-
| dolor  || in reprehenderit || in voluptate velit
|-
| esse cillum dolore || eu fugiat nulla || pariatur.
|}
Cells left-aligned, table centered
col 1 col 2 col 3
dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur.

Example 4 - sortable

{| class="wikitable sortable"
|+Sortable table
|-
! Alphabetic !! Numeric !! Date !! class="unsortable" | Unsortable
|-
| d || 2 || 2008-11-24 || This
|-
| b || 8 || 2004-03-01 || column
|-
| a || 6 || 1979-07-23 || cannot
|-
| c || 4 || 1492-12-08 || be
|-
| e || 0 || 1601-08-13 || sorted.
|}
Sortable table
Alphabetic Numeric Date Unsortable
d 2 2008-11-24 This
b 8 2004-03-01 column
a 6 1979-07-23 cannot
c 4 1492-12-08 be
e 0 1601-08-13 sorted.

Example 6 - complex

{| border="1" cellpadding="5" cellspacing="0" align="center"
|+'''An example table'''
|-
! style="background:#efefef;" | First header
! colspan="2" style="background:#ffdead;" | Second header
|-
| upper left
|  
| rowspan=2 style="border-bottom:3px solid gray;" valign="top" |right side
|-
| style="border-bottom:3px solid gray;" | lower left
| style="border-bottom:3px solid gray;" | lower middle
|-
| colspan="3" align="center" |
{| border="0"
|+''A table in a table''
|-
| align="center" width="150px" | [[Image:khanda.jpg]]
| align="center" width="150px" | [[Image:khanda.jpg]]
|-
| align="center" colspan="2" style="border-top:1px solid red; border-right:1px solid red; border-bottom:2px solid red; border-left:1px solid red;" |
Two [[Sikhiwiki]] [[Khanda]]s
|}
|}
An example table
First header Second header
upper left   right side
lower left lower middle
A table in a table
Khanda.jpg Khanda.jpg

Two Sikhiwiki Khandas