Pika HTML Tag | CSS Matrix

Sortable Table Demo 01

No.	Template \| File	HTML Tag	ID attribute	CLASS attribute
1	default.html	table	header
2	default.html	p	site_name
3	default.html	p	software_label
4	default.html	form	sform
5	default.html	div	searchbox
6	default.html	p	auth_label
7	default.html	table	main
8	default.html	div	footer
9	default.html	p	ql
10	default.html	p	copyright
11	default.html	td		nowrap
12	default.html	input		search_text
13	empty.html
14	login.html	span		error
15	login.html	input		loginform
16	login.html	div		smallgray
17	pl_html_report.html
18	real_empty.html
19	unavailable.html	span		small
20	login-http.html	div		loginlink
21	login-http.html	div		small
22	logout-http.html	div		loginlink
23	logout-http.html	div		small
24	about.html	h2		hdt
25	about.html	div		thinborder
26	about.html	p		small
27	activityC.html	div	demodiv
28	activityC.html	div		thinborder
29	activityC.html	span		yh
30	activityC.html	span		ph
31	activityC.html	span		ul
32	activityC.html	span		lt
33	activityC.html	p		side
34	activityK.html	div	demodiv
35	activityK.html	div		thinborder
36	activityK.html	span		yh
37	activityK.html	span		ph
38	activityK.html	span		ul
39	activityK.html	span		lt
40	activityK.html	p		side
41	activityK.html	table		nopad
42	activityL.html
43	activityM.html	div	demodiv
44	activityM.html	p		de
45	activityM.html	div		thinborder
46	activityM.html	span		yh
47	activityM.html	span		ph
48	activityM.html	span		ul
49	activityM.html	span		lt
50	activityM.html	p		side
51	activityM.html	table		nopad
52	activityM.html	input		save
53	activityM-paused.html	div	demodiv
54	activityM-paused.html	p		de
55	activityM-paused.html	div		thinborder
56	activityM-paused.html	span		yh
57	activityM-paused.html	span		ph
58	activityM-paused.html	span		ul
59	activityM-paused.html	span		lt
60	activityM-paused.html	p		side
61	activityM-paused.html	table		nopad
62	activityM-paused.html	input		save
63	activityM-close.html
64	activityN.html	div	demodiv
65	activityN.html	h2		hdt
66	activityN.html	table		nopad
67	activityN.html	div		thinborder
68	activityN.html	span		yh
69	activityN.html	span		ph
70	activityN.html	span		ul
71	activityN.html	span		lt
72	activityN.html	p		side
73	activityN.html	span		save
74	activityN.html	a		small
75	activityN.html	span		small
76	activityT.html	div	demodiv
77	activityT.html	table		nopad
78	activityT.html	div		thinborder
79	activityT.html	span		yh
80	activityT.html	span		ph
81	activityT.html	span		ul
82	activityT.html	span		lt
83	activityT.html	p		side
84	admin_quest_view.html
85	admin_quest_view_shell.html
86	alias.html
87	assign_atty.html	h2		hdt
88	assign_atty.html	tr		%%[class]%%
89	cal_adv.html
90	cal_day.html	h2		hdt
91	cal_day.html	input		save
92	cal_day.html	td		de
93	cal_week.html	h2		hdt
94	case_conflict.html	tr		%%[css_class]%%
95	case_conflict.html	p		de
96	case_conflict.html	input		save
97	case_contact_list.html	table	middle-content
98	case_contact_list.html	td		clf
99	case_contact_list.html	span		maskt
100	case_contact_list.html	input		maskf
101	case_contact_list.html	tr		row%%[row_class]%%
102	case_delete.html	table	middle-content
103	case_delete.html	td	case-main
104	case_delete.html	table		nopad
105	case_delete.html	a		abutt
106	case_elig.html	h2		hdt
107	case_elig.html	td		elig1
108	case_elig.html	td		elig2
109	case_elig.html	table		nopad
110	case_elig.html	td		elig
111	case_elig.html	td		maskt
112	case_elig.html	td		nowrap
113	case_elig.html	input		maskf
114	case_elig.html	tr		row2
115	case_elig.html	input		save
116	case_info.html	h2		hdt
117	case_info.html	td		de
118	case_info.html	input		save
119	case_list.html	input	client_name
120	case_list.html	input	opened_before
121	case_list.html	input	closed_before
122	case_list.html	input	opened_on_after
123	case_list.html	table	middle-content
124	case_list.html	input	closed_on_after
125	case_list.html	td		clf
126	case_list.html	input		side-input
127	case_list.html	tr		row%%[row_class]%%
128	case_primary_client.html	span		small
129	case_primary_client.html	td		small
130	case_screen.html	table	middle-content
131	case_screen.html	td	case-side
132	case_screen.html	td	case-main
133	case_screen.html	div	case_tabs
134	case_screen.html	div	case_screen
135	case_screen.html	table		nopad
136	case_screen.html	td		side-column
137	case_screen.html	span		small
138	case_screen.html	a		butt
139	case_screen.html	p		side
140	case-docs.html	input	autosave
141	case-docs.html	table		nopad
142	case-docs.html	h2		hdt
143	case-docs.html	input		plcheck
144	case-docs.html	p		side
145	case-docs.html	tr		row%%[row_class]%%
146	case-docs.html	p		de
147	case-hotline.html	h2		hdt
148	case-hotline.html	input		save
149	case-sched.html
150	case-sched-sub.html
151	contact_counsel.html	td		maskt
152	contact_counsel.html	td		nowrap
153	contact_counsel.html	input		maskf
154	contact_full.html	td		de
155	contact_full.html	span		maskt
156	contact_full.html	input		maskf
157	contact_full.html	input		city
158	contact_full.html	input		state
159	contact_full.html	input		zip
160	contact_full.html	input		county
161	contact_full.html	input		save
162	contact_full.html	tr		%%[css_class]%%
163	contact_list.html	table	middle-content
164	contact_list.html	td		clf
165	contact_list.html	span		maskt
166	contact_list.html	input		maskf
167	contact_list.html	tr		row%%[row_class]%%
168	contact_name.html	input		save
169	contact_pop_up.html	tr		row1
170	contents_form.html
171	doc_search.html
172	docgen_list.html
173	groups.html
174	home.html	table	middle-content
175	home.html	td		side-column
176	home_minisitemap.html	table	middle-content
177	home_minisitemap.html	td		side-column
178	intake_aliases.html
179	intake_case_fields.html
180	intake_contact_list.html	table	middle-content
181	intake_contact_list.html	td		clf
182	intake_contact_list.html	span		maskt
183	intake_contact_list.html	input		maskf
184	intake_contact_list.html	tr		row%%[row_class]%%
185	intake_list.html	div	col-a
186	intake_list.html	div	col-b
187	intake_list.html	div		side-column
188	intake_list.html	div		box
189	intake_list.html	div		main-content
190	intake_list.html	tr		row%%[row_class]%%
191	lsc_other_matter.html
192	motd.html	h2		hdt
193	motd.html	input		save
194	motd.html	p		small
195	pbattorneys.html
196	prefs_form.html	p		de
197	prefs_form.html	input		save
198	pro_bono_tab.html	p		de
199	pro_bono_tab.html	table		nopad
200	pro_bono_tab.html	td		maskt
201	pro_bono_tab.html	td		nowrap
202	pro_bono_tab.html	input		maskf
203	pro_bono_tab.html	input		save
204	quest_answer.html
205	quest_tab.html
206	quest_view.html
207	search_screen.html	table	middle-content
208	search_screen.html	input		search_text
209	search_screen.html	td		side-column
210	search_screen.html	tr		row%%[row_class]%%
211	settings-form.html	table		nopad
212	settings-form.html	input		save
213	settings-form.html	h2		hdt
214	settings-form.html	p		settings
215	settings-form.html	input		setting
216	staff.html	tr		%%[css_class]%%
217	staff_form.html
218	system-cm.html	tr		row%%[row_class]%%
219	system-cm-import.html
220	tickler.html
221	timer_form.html
222	timer_paused.html
223	transfer_options.html	h2		hdt
224	transfer_options.html	tr		%%[css_class]%%
225	transfer-pikatx01.html	h2		hdt
226	zipcode.html	p		de
227	zipcode_default.html	p		de

~ Webdogs 3.0 Home ~

See related post. The sorting functions in the Pika HTML Tag | CSS Matrix table are powered by the tablesort script authored by Brian McAllister of frequency decoder. Technical details are available at Unobtrusive Table Sort Script (revisited). The sorting script is released under a Creative Commons Attribution-ShareAlike 2.5 license. Honor it. As is Brian McAllister's table-sort-demo, the table design is based on Veerle's A CSS styled table. I should be so talented. Links to HTML tag names all go to Patrick Griffith's HTML Dog.