トップ
>
サイト内検索

サイト内検索

Results of 0 - 1 of about 0 (0.000 sec.)

jQuery plugin: Tablesorter 2.0 - Writing custom widgets: @digest: dbfac38b1d9a19a0d5d5fe5118159d3b; @id: 8879; @lang: en-us; @mdate: 2012-03-12T01:12:48Z; @size: 7144; @type: text/html; #keywords: languages (72479), mathematics (51407), repeatheaders (44633), widgets (42032), male (38632), headers (31291), female (25516), repated (23445), tablesorter (21588), widget (21479), classname (15630), remove (13915), zebra (13814), calculus (13013), geometry (12773), table (10546), writing (9447), appended (8958), sorting (7884), plugin (7841), addclass (7815), newly (7815), addwidget (7815), english (7778), insert (7438), collect (7438), student07 (7055), student08 (7055), student09 (7055), student10 (7055), student11 (7055), student12 (7055); " + $(this).text() + " " ); }); } // remove appended headers by classname. $("tr.repated-header",table).remove(); // loop all tr elements and insert a copy of the "headers" for(var i=0; i ").addClass("repated-header").html(this.headers.join("")) ); } } } }); // call the tablesorter plugin and assign widgets with id "zebra" (Default widget in the core) and the newly created "repeatHeaders" $("table").tablesorter({ widgets: ['zebra','repeatHeaders'] }); }); table sorter Writing custom widgets Flexible client-side table sorting Back to documentation Javascript // add new widget called repeatHeaders $.tablesorter.addWidget({ // give the widget a id id: "repeatHeaders", // format is called when the on init and when a sorting has finished format: function(table) { // cache and collect all TH headers if(!this.headers) { var h = this.headers = []; $("thead th",table).each(function() { h.push( " " + $(this).text() + " " ); }); } // remove appended headers by classname. $("tr.repated-header",table).remove(); // loop all tr elements and insert a copy of the "headers" for(var i=0; i ").html(this.headers.join("")) ); } } } }); // call the tablesorter plugin and assign widgets with id "zebra" (Default widget in the core) and the newly created "repeatHeaders" $("table").tablesorter({ widgets: ['zebra','repeatHeaders'] }); Demo Name Major Sex English Japanese Calculus Geometry Name Major Sex English Japanese Calculus Geometry Student01 Languages male 80 70 75 80 Student02 Mathematics male 90 88 100 90 Student03 Languages female 85 95 80 85 Student04 Languages male 60 55 100 100 Student05 Languages female 68 80 95 80 Student06 Mathematics male 100 99 100 90 Student07 Mathematics male 85 68 90 90 Student08 Languages male 100 90 90 85 Student09 Mathematics male 80 50 65 75 Student10 Languages male 85 100 100 90 Student11 Languages male 86 85 100 100 Student12 Mathematics female 100 75 70 85 Student13 Languages female 100 80 100 90 Student14 Languages female 50 45 55 90 Student15 Languages male 95 35 100 90 Student16 Languages female 100 50 30 70 Student17 Languages female 80 100 55 65 Student18 Mathematics male 30 49 55 75 Student19 Languages male 68 90 88 70 Student20 Mathematics male 40 45 40 80 Student21 Languages male 50 45 100 100 Student22 Mathematics male 100 99 100 90 Student23 Languages female 85 80 80 80 ...; https://www2.hosp.med.tottori-u.ac.jp/kakushin/movie-upload/plugins/tablesorter/docs/example-widgets.html - [detail] - [similar]

PREV NEXT