From JP Wiki
Jump to: navigation, search

Table Test

URLS

Method 1

Example

Models Image Specifications Firmware
DHI-IVSS7008-1T 100px Template:DH IVSS7XX
DHI-IVSS7016DR-4T 100px Template:DH IVSS7XX

Method 2

Example

Taxon Farbe Größe Literatur
? ? ? ?

Example 2

Models Image Specifications Firmware
DHI-IVSS7008-1T 100px Template:DH IVSS7XX
DHI-IVSS7016DR-4T 100px Template:DH IVSS7XX

Example 3

1 2 3 4
1 2 3 4

Method 3

Example

Method4

Example

Table Filtering
Index Number Name Amount
Filter:
0 0 Bill $0.83
1 1 Joe $0.33
2 2 Bob $0.13
3 3 Matt $0.63
4 4 Mark $1.43
5 0 Tom $0.13
6 1 Jake $1.63
7 2 Greg $0.93
8 3 Bill $1.73
9 4 Joe $0.13
10 0 Bob $0.83
11 1 Matt $1.13
12 2 Mark $1.83
13 3 Tom $1.73
14 4 Jake $1.13
15 0 Greg $1.53
16 1 Bill $0.23
17 2 Joe $0.03
18 3 Bob $1.33
19 4 Matt $1.93
20 0 Mark $0.53
21 1 Tom $0.83
22 2 Jake $1.53
23 3 Greg $2.03
24 4 Bill $1.03
25 0 Joe $0.93
26 1 Bob $0.73
27 2 Matt $0.93
28 3 Mark $0.53
29 4 Tom $1.73
30 0 Jake $0.53
31 1 Greg $1.33
32 2 Bill $1.93
33 3 Joe $0.53
34 4 Bob $1.93

Method 5

Example

Search in the Discount column

Rank First Name ( filter-match ) Last Name Age Total Discount Date
1Philip Aaron WongJohnson Sr Esq25$5.9522%Jun 26, 2004 7:22 AM
11AaronHibert12$2.995%Aug 21, 2009 12:21 PM
12Brandon ClarkHenry Jr51$42.2918%Oct 13, 2000 1:15 PM
111PeterParker28$9.9920%Jul 6, 2006 8:14 AM
21JohnHood33$19.9925%Dec 10, 2002 5:14 AM
013ClarkKent Sr.18$15.8944%Jan 12, 2003 11:14 AM
005BruceAlmighty Esq45$153.1944%Jan 18, 2021 9:12 AM
10AlexDumass13$5.294%Jan 8, 2012 5:11 PM
16JimFranco24$14.1914%Jan 14, 2004 11:23 AM
166Bruce LeeEvans22$13.1911%Jan 18, 2007 9:12 AM
100Brenda DexterMcMasters18$55.2015%Feb 12, 2010 7:23 PM
55DennisBronson65$123.0032%Jan 20, 2001 1:12 PM
9MarthadelFuego25$22.0917%Jun 11, 2011 10:55 AM

Widget

// addWidget Template // ******************* // parameters: // table = table object (DOM) // config = config object (from table.config) // widgetOptions = all widget options (from table.config.widgetOptions) $.tablesorter.addWidget({ id: 'myWidget', // set the priority of the widget (optional) priority: 10, // widget options (added v2.8) - added to table.config.widgetOptions options: { myWidget_option1 : 'setting1', myWidget_option2 : 'setting2' }, // The init function (added v2.0.28) is called only after tablesorter has // initialized, but before initial sort & before any of the widgets are applied. init: function(table, thisWidget, config, widgetOptions) { // widget initialization code - this is only *RUN ONCE* // but in this example, only the format function is called to from here // to keep the widget backwards compatible with the original tablesorter thisWidget.format(table, config, widgetOptions, true); }, format: function(table, config, widgetOptions, initFlag) { // widget code to apply to the table *AFTER EACH SORT* // set the initFlag to true when this format is called from the init // function above otherwise initFlag is undefined // * see the saveSort widget for a full example * }, remove: function(table, config, widgetOptions, refreshing) { // do what ever needs to be done to remove stuff added by your widget // unbind events, restore hidden content, etc. // refreshing flag is true when the refreshWidgets method is triggered, meaning // the widget will be removed, then immediately reapplied } });

Test 6

Example

Method 6