Linux websever 5.15.0-153-generic #163-Ubuntu SMP Thu Aug 7 16:37:18 UTC 2025 x86_64
Apache/2.4.52 (Ubuntu)
: 192.168.3.70 | : 192.168.1.99
Cant Read [ /etc/named.conf ]
8.1.2-1ubuntu2.23
urlab
www.github.com/MadExploits
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
CPANEL RESET
CREATE WP USER
README
+ Create Folder
+ Create File
/
var /
www /
html /
cai /
admins /
sort /
docs /
[ HOME SHELL ]
Name
Size
Permission
Action
assets
[ DIR ]
drwxr-x--x
css
[ DIR ]
drwxr-x--x
fonts
[ DIR ]
drwxr-x--x
img
[ DIR ]
drwxr-x--x
js
[ DIR ]
drwxr-x--x
example-add-rows.html
3.46
KB
-rwxr-x--x
example-ajax.html
2.97
KB
-rwxr-x--x
example-apply-widget.html
3.81
KB
-rwxr-x--x
example-child-rows-filtered.ht...
51.31
KB
-rwxr-x--x
example-child-rows.html
42.24
KB
-rwxr-x--x
example-colspan.html
7.75
KB
-rwxr-x--x
example-css-highlighting.html
14.78
KB
-rwxr-x--x
example-dragtable.html
12.64
KB
-rwxr-x--x
example-empty-table.html
2.48
KB
-rwxr-x--x
example-extending-defaults.htm...
2.28
KB
-rwxr-x--x
example-extractors-parsers.htm...
5.03
KB
-rwxr-x--x
example-header-column-span.htm...
2.81
KB
-rwxr-x--x
example-locale-sort.html
4.48
KB
-rwxr-x--x
example-meta-headers.html
2.9
KB
-rwxr-x--x
example-meta-parsers.html
2.73
KB
-rwxr-x--x
example-meta-sort-list.html
2.86
KB
-rwxr-x--x
example-method-sortreset.html
2.9
KB
-rwxr-x--x
example-multiple-tbodies.html
3.07
KB
-rwxr-x--x
example-option-built-in-parser...
3.86
KB
-rwxr-x--x
example-option-custom-sort.htm...
6.73
KB
-rwxr-x--x
example-option-date-format.htm...
4.62
KB
-rwxr-x--x
example-option-debug.html
2.48
KB
-rwxr-x--x
example-option-delay-init.html
781.24
KB
-rwxr-x--x
example-option-digits.html
3.48
KB
-rwxr-x--x
example-option-render-header.h...
4.62
KB
-rwxr-x--x
example-option-render-template...
4.31
KB
-rwxr-x--x
example-option-selectorsort.ht...
2.85
KB
-rwxr-x--x
example-option-show-processing...
111.69
KB
-rwxr-x--x
example-option-sort-append.htm...
4.13
KB
-rwxr-x--x
example-option-sort-empty.html
4.78
KB
-rwxr-x--x
example-option-sort-force.html
2.41
KB
-rwxr-x--x
example-option-sort-key.html
2.35
KB
-rwxr-x--x
example-option-sort-list.html
3.35
KB
-rwxr-x--x
example-option-sort-order.html
2.19
KB
-rwxr-x--x
example-option-sortreset-sortr...
3.32
KB
-rwxr-x--x
example-option-text-extraction...
3.85
KB
-rwxr-x--x
example-option-textsorter-semv...
4.01
KB
-rwxr-x--x
example-option-theme-bootstrap...
14.26
KB
-rwxr-x--x
example-option-theme-bootstrap...
18.36
KB
-rwxr-x--x
example-option-theme-bootstrap...
13.29
KB
-rwxr-x--x
example-option-theme-materiali...
14.25
KB
-rwxr-x--x
example-option-theme-metro-sty...
8.94
KB
-rwxr-x--x
example-options-headers-digits...
5.63
KB
-rwxr-x--x
example-options-headers-locked...
3.09
KB
-rwxr-x--x
example-options-headers-order....
3.32
KB
-rwxr-x--x
example-options-headers-parser...
3.2
KB
-rwxr-x--x
example-options-headers.html
3.51
KB
-rwxr-x--x
example-pager-ajax.html
19.67
KB
-rwxr-x--x
example-pager-filtered.html
17.67
KB
-rwxr-x--x
example-pager.html
24.41
KB
-rwxr-x--x
example-parsers-advanced.html
4.11
KB
-rwxr-x--x
example-parsers-class-name.htm...
3.6
KB
-rwxr-x--x
example-parsers-date-range.htm...
4.8
KB
-rwxr-x--x
example-parsers-dates.html
8.44
KB
-rwxr-x--x
example-parsers-duration.html
6.11
KB
-rwxr-x--x
example-parsers-feet-inch-frac...
3.33
KB
-rwxr-x--x
example-parsers-file-type.html
7.92
KB
-rwxr-x--x
example-parsers-globalize.html
8.63
KB
-rwxr-x--x
example-parsers-ignore-article...
49.84
KB
-rwxr-x--x
example-parsers-ip-address.htm...
4.46
KB
-rwxr-x--x
example-parsers-jquery-data.ht...
2.89
KB
-rwxr-x--x
example-parsers-leading-zeros....
4.83
KB
-rwxr-x--x
example-parsers-metric.html
6.06
KB
-rwxr-x--x
example-parsers-named-numbers....
4.95
KB
-rwxr-x--x
example-parsers-roman.html
8.33
KB
-rwxr-x--x
example-parsers.html
6.86
KB
-rwxr-x--x
example-trigger-sort.html
9.72
KB
-rwxr-x--x
example-triggers.html
109.58
KB
-rwxr-x--x
example-update-all.html
3.07
KB
-rwxr-x--x
example-update-cell.html
3.15
KB
-rwxr-x--x
example-widget-align-character...
16.6
KB
-rwxr-x--x
example-widget-bootstrap-theme...
966
B
-rwxr-x--x
example-widget-build-table.htm...
38.32
KB
-rwxr-x--x
example-widget-chart.html
22.81
KB
-rwxr-x--x
example-widget-column-selector...
40.93
KB
-rwxr-x--x
example-widget-columns.html
5.68
KB
-rwxr-x--x
example-widget-css-sticky-head...
29.02
KB
-rwxr-x--x
example-widget-current-sort.ht...
3.39
KB
-rwxr-x--x
example-widget-editable.html
23.5
KB
-rwxr-x--x
example-widget-filter-any-matc...
12.42
KB
-rwxr-x--x
example-widget-filter-childrow...
7.42
KB
-rwxr-x--x
example-widget-filter-custom-s...
16.56
KB
-rwxr-x--x
example-widget-filter-custom-s...
6.45
KB
-rwxr-x--x
example-widget-filter-custom.h...
21.8
KB
-rwxr-x--x
example-widget-filter-external...
7.9
KB
-rwxr-x--x
example-widget-filter-formatte...
33.97
KB
-rwxr-x--x
example-widget-filter-formatte...
14.05
KB
-rwxr-x--x
example-widget-filter-formatte...
7.78
KB
-rwxr-x--x
example-widget-filter-selectme...
6.16
KB
-rwxr-x--x
example-widget-filter.html
54.19
KB
-rwxr-x--x
example-widget-formatter.html
8.52
KB
-rwxr-x--x
example-widget-grouping-filter...
8.06
KB
-rwxr-x--x
example-widget-grouping.html
49.92
KB
-rwxr-x--x
example-widget-header-titles.h...
13.69
KB
-rwxr-x--x
example-widget-lazyload.html
15.95
KB
-rwxr-x--x
example-widget-mark.html
20.68
KB
-rwxr-x--x
example-widget-math.html
43.66
KB
-rwxr-x--x
example-widget-output.html
61.47
KB
-rwxr-x--x
example-widget-pager-ajax.html
15.23
KB
-rwxr-x--x
example-widget-pager.html
24.57
KB
-rwxr-x--x
example-widget-print.html
14.87
KB
-rwxr-x--x
example-widget-reflow.html
31.35
KB
-rwxr-x--x
example-widget-reflow1.html
3.39
KB
-rwxr-x--x
example-widget-reflow2.html
8.09
KB
-rwxr-x--x
example-widget-reflow3.html
3.63
KB
-rwxr-x--x
example-widget-resizable.html
19.12
KB
-rwxr-x--x
example-widget-savesort.html
4.55
KB
-rwxr-x--x
example-widget-scroller.html
46.42
KB
-rwxr-x--x
example-widget-sort-tbodies.ht...
22.76
KB
-rwxr-x--x
example-widget-sort-to-hash.ht...
29.17
KB
-rwxr-x--x
example-widget-static-row.html
11.06
KB
-rwxr-x--x
example-widget-sticky-header.h...
37.16
KB
-rwxr-x--x
example-widget-toggle-tablesor...
7.54
KB
-rwxr-x--x
example-widget-ui-theme.html
7.96
KB
-rwxr-x--x
example-widget-vertical-group....
4.05
KB
-rwxr-x--x
example-widget-view.html
20.95
KB
-rwxr-x--x
example-widget-zebra.html
3.5
KB
-rwxr-x--x
example-widgets.html
11.71
KB
-rwxr-x--x
index.html
427.02
KB
-rwxr-x--x
themes.html
8.48
KB
-rwxr-x--x
Delete
Unzip
Zip
${this.title}
Close
Code Editor : example-widget-mark.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery tablesorter 2.0 - Mark Widget</title> <!-- jQuery --> <script src="js/jquery-latest.min.js"></script> <!-- Demo stuff --> <link class="ui-theme" rel="stylesheet" href="css/jquery-ui.min.css"> <script src="js/jquery-ui.min.js"></script> <link rel="stylesheet" href="css/jq.css"> <link href="css/tipsy.css" rel="stylesheet"> <link href="css/prettify.css" rel="stylesheet"> <script src="js/prettify.js"></script> <script src="js/docs.js"></script> <script src="js/jquery.tipsy.min.js"></script> <!-- Tablesorter: required --> <link rel="stylesheet" href="../css/theme.blue.css"> <style id="css">/* Example showing how to change the mark color by column */ tr td:nth-child(1) mark { background: #aa0000; color: #fff; } tr td:nth-child(2) mark { background: #00aa00; color: #fff; } tr td:nth-child(3) mark { background: #0000aa; color: #fff; } /* tr td:nth-child(4) mark { background: #aaaa00; color: #fff; } Age column not highlighted */ tr td:nth-child(5) mark { background: #00aaaa; color: #fff; } tr td:nth-child(6) mark { background: #aa00aa; color: #fff; } /* column will not be highlighted */ th.tablesorter-header.mark-ignore, th.tablesorter-header.ignore, .ignore { background-color: #e6bf99; } </style> <script src="../js/jquery.tablesorter.js"></script> <script src="../js/widgets/widget-filter.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.1.1/jquery.mark.js"></script> <script src="../js/widgets/widget-mark.js"></script> <script id="js">$(function() { // ============================== // WITH filter widget // ============================== var $table = $('#table').tablesorter({ theme: 'blue', widthFixed : true, // sort & filter diacritics sortLocaleCompare: true, widgets: ['zebra', 'filter', 'mark'], widgetOptions: { filter_external: 'input[name="keyword"]', filter_reset: 'button.reset', // *** mark widget only settings mark_tsUpdate : 'markUpdate', mark_tsIgnore : { // don't highlight the age column 3: true }, // *** default settings for non-regular expression searches only mark_accuracy: 'partially', mark_caseSensitive: false, mark_diacritics: true, mark_separateWordSearch: true, mark_synonyms: {}, // *** settings that apply to regex & non-regular expression searches mark_acrossElements: false, mark_className: '', mark_debug: false, mark_element: 'mark', mark_exclude: [], mark_iframes: false, mark_log: console, // callback functions mark_done: function(totalMatches) {}, mark_each: function(element) {}, mark_filter: function(node, term, totalMatches, matches) { // "matches" parameter is not defined for regular expression searches return true; }, mark_noMatch: function(termNotFound) {} } }); // preset searches for the first table $('button[data-filter-column]').click(function() { var filters = [], config = $table[0].config, $t = $(this), col = $t.data('filter-column'), // zero-based index, or "all" column txt = $t.data('filter-text') || $t.text(); // text to add to filter filters[col === "all" ? config.columns : col] = txt; config.widgetOptions.mark_caseSensitive = $t.data('mark-case') || false; $.tablesorter.setFilters( $table, filters ); return false; }); // ============================== // NO filter widget // ============================== var $table2 = $('#table2').tablesorter({ theme: 'blue', widthFixed : true, // sort & filter diacritics sortLocaleCompare: true, widgets: ['zebra', 'mark'], widgetOptions : { // using mark.js default settings mark_tsIgnore : { // don't highlight the age column // 3: true // done by adding "mark-ignore" class to header } } }); // preset searches on the second table $('button.table2').click(function() { // check for reset var query = $(this).hasClass('reset2') ? '' : this.textContent; config = $table2[0].config; config.widgetOptions.mark_caseSensitive = $(this).data('mark-case') || false; $('#table2-search') .val(query) .trigger('input'); }); $('#table2-search').on('input', function(event) { var config = $table2[0].config, filters = []; // still target the "any" match column filters[config.columns] = this.value; // if input was not triggered by a button click, reset caseSensitive if (!event.isTrigger) { config.widgetOptions.mark_caseSensitive = false; } // trigger a mark update $table2.trigger('markUpdate', [filters]); // or call the function directly // $.tablesorter.mark.update(config, filters); }); // add tooltip $('.tooltip').tipsy({ gravity: 's' }); });</script> </head> <body> <div id="banner"> <h1>table<em>sorter</em></h1> <h2>Mark Widget</h2> <h3>Flexible client-side table sorting</h3> <a href="index.html">Back to documentation</a> </div> <div id="main"> <p></p> <br> <div id="root" class="accordion"> <h3 id="notes"><a href="#">Notes</a></h3> <div> <ul> <li>Updated <span class="verison">v2.27.7</span>, removed internal case matching as mark.js v8.1.1 now has a <code>caseSensitive</code> option (set using <code>mark_caseSensitive</code> widget option).</li> <li>Updated <span class="verison">v2.27.6</span> <ul> <li>The mark widget properly applies after a pager change has occured.</li> <li>Added <code>mark_tsIgnore</code> option as well as support of adding a "mark-ignore" class to the header. These columns will not be highlighted - see <span class="ignore">Age</span> column below.</li> <li>Included mark.js v8.0.0's new option as <code>mark_acrossElements</code>. This widget does not however apply the search across table cells.</li> </ul> </li> <li>Added <span class="verison">v2.27.0</span> for use with the <a href="https://markjs.io/">mark.js</a> plugin.</li> <li>Notable Issues: <ul> <li><button class="bad" type="button" data-filter-column="all">~ae</button> - Some rows won't be highlighted because the filter finds fuzzy matches across rows, while the mark widget is targeting separate cell content.</li> <li><button type="button" data-filter-column="all">/(aaron|bruce)/i</button> - Using a regular expression search will not include diacritics; use an " OR " search instead <button type="button" data-filter-column="all">aaron|bruce</button>.<br> I may fix this in future updates. </li> <li><button class="bad" type="button" data-filter-column="all">/.*/</button> or <button class="bad" type="button" data-filter-column="all">/(|)/</button> - When a regular expression matches everything, the regex is ignored by the mark widget otherwise, <a href="https://github.com/julmot/mark.js/issues/55">mark.js does bad things</a>; but this regex is okay: <button type="button" data-filter-column="all">/.+/</button>.</li> <li><button class="bad" type="button" data-filter-column="3"><=22</button> or <button class="bad" type="button" data-filter-column="5">10 - 20</button> - Operators & ranges are not fully supported (these are not supported at all by the filter widget in an "all" columns match - see the documentation on <a href="example-widget-filter-any-match.html#limitations">any match limitations</a>).</li> <li><button class="bad" type="button" data-filter-column="all">!aaron</button> - There is nothing to highlight for not matches.</li> </ul> </li> <li>The <a href="https://markjs.io/#mark"><code>mark</code> function</a> is used for the following filter queries: <ul> <li>Plain text</li> <li>Logical AND (<code> and </code> or <code> && </code>) & logical OR (<code> or </code> or <code>|</code>) searches.</li> <li>Invalid regex (e.g. <code>/(|)/</code>).</li> <li>Operator, range, exact and not searches.</li> </ul> </li> <li>The <a href="https://markjs.io/#markregexp"><code>markRegExp</code> function</a> is used when the filter contains: <ul> <li>A "valid" regular expression</li> <li>Fuzzy search (<code>~</code>)</li> <li>Wild card <code>?</code> or <code>*</code> search</li> </ul> </li> <li>Try out the <a href="http://jsfiddle.net/Mottie/odyfw8Lj/">jSFiddle Playground</a>.</li> </ul> </div> <h3><a href="#">Options</a></h3> <div> <h4>Mark widget defaults (added inside of tablesorter <code>widgetOptions</code>)</h4> <h5>The widgetOptions are essentially Mark.js settings with a <code>mark_</code> prefix. All options are dynamically updated.</h5> <div> <span class="label label-info">TIP!</span> Click on the link in the function column to reveal full details (or <a href="#" class="toggleAll">toggle</a>|<a href="#" class="showAll">show</a>|<a href="#" class="hideAll">hide</a> all) or double click to update the browser location. </div> <table class="options tablesorter-blue" data-sortlist="[[0,0]]"> <thead> <tr><th>Option</th><th>Default</th><th class="sorter-false">Description</th></tr> </thead> <tbody> <tr id="mark-tsupdateclass"> <td><a href="#" class="permalink">mark_tsUpdate</a></td> <td>"markUpdate"</td> <td>This option sets the event that can be triggered on the table to update the marks. <div class="collapsible"> <br> Use it as follows: <pre class="prettyprint lang-js">$('table').tablesorter({ widgets: ['mark'], widgetOptions: { mark_tsUpdate: 'markFu' } }); $('button.update').click(function() { // update the marks in the table $('table').trigger('markFu'); });</pre> </div> </td> </tr> <tr id="mark-tsignore"> <td><a href="#" class="permalink">mark_tsIgnore</a></td> <td>{}</td> <td>This option sets which columns in the table to ignore when searching. <div class="collapsible"> <br> Use it as follows: <pre class="prettyprint lang-js">$('table').tablesorter({ widgets: ['mark'], widgetOptions: { mark_tsIgnore: { // ignore second column (zero-based index) 1: true } } });</pre> You can also add a <code>"mark-ignore"</code> class name to the table header to accomplish the same thing. </div> </td> </tr> </tbody> <tbody class="tablesorter-infoOnly"> <tr> <th colspan="3">Mark.js settings - see <a href="https://markjs.io/#api">official documentation</a></th> </tr> </tbody> <tbody> <tr id="mark-acrossElements"> <td><span class="permalink">mark_acrossElements</span></td> <td>false</td> <td> Set to <code>true</code> to search for matches across elements (added in mark.js v8.0.0).<br> This option does not apply to content across table cells as this widget targets individual cells while performing an "any" match. </td> </tr> <tr id="mark-element"> <td><span class="permalink">mark_element</span></td> <td>"mark"</td> <td>HTML element to wrap matches.</td> </tr> <tr id="mark-classname"> <td><span class="permalink">mark_className</span></td> <td>""</td> <td>A class name added to the element.</td> </tr> <tr id="mark-exclude"> <td><span class="permalink">mark_exclude</span></td> <td>[]</td> <td>An array with exclusion selectors. Matches inside these elements will be ignored.</td> </tr> <tr id="mark-separatewordsearch"> <td><span class="permalink">mark_separateWordSearch</span></td> <td>true</td> <td>Whether to search for each word separated by a blank.</td> </tr> <tr id="mark-accuracy"> <td><span class="permalink">mark_accuracy</span></td> <td>"partially"</td> <td>Use "partially", "complementary", "exactly" or object - see markjs docs for details.</td> </tr> <tr id="mark-casesensitive"> <td><span class="permalink">mark_caseSensitive</span></td> <td>false</td> <td>If <code>true</code>, only case sensitive marks are applied.</td> </tr> <tr id="mark-diacritics"> <td><span class="permalink">mark_diacritics</span></td> <td>true</td> <td>If <code>true</code>, diacritic characters should be matched.</td> </tr> <tr id="mark-synonyms"> <td><span class="permalink">mark_synonyms</span></td> <td>{}</td> <td>An object with synonyms..</td> </tr> <tr id="mark-iframes"> <td><span class="permalink">mark_iframes</span></td> <td>false</td> <td>Whether to search also inside iframes.</td> </tr> <tr id="mark-each"> <td><span class="permalink">mark_each</span></td> <td>function(element) {}</td> <td>A callback for each marked element.</td> </tr> <tr id="mark-filter"> <td><a href="#" class="permalink">mark_filter</a></td> <td>function(parameters) { return true; }</td> <td>A callback to filter or limit matches. <div class="collapsible"> <br> When the <code>mark</code> function is called, the function parameters are: <pre class="prettyprint lang-js">function(node, keyword, matches, totalMatches) { return true; }</pre> When the <code>markRegExp</code> function is called, the function parameters are: <pre class="prettyprint lang-js">function(node, match, totalMatches) { return true; }</pre> <p>In both cases, a <code>return true</code> is needed to highlight the match.</p> <span class="label label-info">Note</span> See the notes section above to know when which function is called. </div> </td> </tr> <tr id="mark-nomatch"> <td><a href="#" class="permalink">mark_noMatch</a></td> <td>function(keyword) {}</td> <td>A callback function that will be called when there are no matches. <div class="collapsible"> <br> When the <code>mark</code> function is called, the keyword parameter is a string. <p>When the <code>markRegExp</code> function is called, the keyword parameter is the regular expression.</p> <span class="label label-info">Note</span> See the notes section above to know when which function is called. </div> </td> </tr> <tr id="mark-done"> <td><span class="permalink">mark_done</span></td> <td>function(totalMatches) {}</td> <td>A callback function after all marks are done.</td> </tr> <tr id="mark-debug"> <td><span class="permalink">mark_debug</span></td> <td>false</td> <td>If <code>true</code>, messages will be logged.</td> </tr> <tr id="mark-log"> <td><span class="permalink">mark_log</span></td> <td>console</td> <td>Log message to this object.</td> </tr> </tbody> </table> </div> </div> <p></p> <h1>Demo: With the Filter Widget</h1> <br> Search/Highlight all columns: <input type="text" name="keyword" data-column="all"> <button type="button" class="reset">Reset</button> <button type="button" data-filter-column="all">13</button> <button class="bad" type="button" data-filter-column="all" title="See "Notes" on why the second row isn't highlighted">~ee</button> <button type="button" data-filter-column="all">br?n</button> <button type="button" data-filter-column="all">br*n</button> <button type="button" data-filter-column="all">aaron && 2</button> <button type="button" data-filter-column="all">aaron|bruce</button> <button type="button" class="sens tooltip" title="Case Sensitive Mark" data-filter-column="all" data-mark-case="true">aaron|Bruce</button> <table id="table" class="tablesorter"> <thead> <tr> <th>Rank</th> <th class="filter-match">First Name</th> <th>Last Name</th> <th class="ignore" title="no highlighting">Age</th> <th>Total</th> <th>Discount</th> <th>Date</th> </tr> </thead> <tbody> <tr><td>1</td><td>Philip Aaron Wong</td><td>Johnson Sr Esq</td><td>25</td><td>$5.95</td><td>22%</td><td>Jun 26, 2004 7:22 AM</td></tr> <tr><td>11</td><td>Aáron</td><td>Hibert</td><td>12</td><td>$2.99</td><td>5%</td><td>Aug 21, 2009 12:21 PM</td></tr> <tr><td>12</td><td>Brandon Clark</td><td>Henry Jr</td><td>51</td><td>$42.29</td><td>18%</td><td>Oct 13, 2000 1:15 PM</td></tr> <tr><td>111</td><td>Peter</td><td>Párker</td><td>28</td><td>$9.99</td><td>20%</td><td>Jul 6, 2006 8:14 AM</td></tr> <tr><td>21</td><td>John</td><td>Hood</td><td>33</td><td>$19.99</td><td>25%</td><td>Dec 10, 2002 5:14 AM</td></tr> <tr><td>013</td><td>Clark</td><td>Kènt Sr.</td><td>18</td><td>$15.89</td><td>44%</td><td>Jan 12, 2003 11:14 AM</td></tr> <tr><td>005</td><td>Bruce</td><td>Almighty Esq</td><td>45</td><td>$153.19</td><td>44%</td><td>Jan 18, 2021 9:12 AM</td></tr> <tr><td>10</td><td>Alex</td><td>Dumāss</td><td>13</td><td>$5.29</td><td>4%</td><td>Jan 8, 2012 5:11 PM</td></tr> <tr><td>16</td><td>Jim</td><td>Franco</td><td>24</td><td>$14.19</td><td>14%</td><td>Jan 14, 2004 11:23 AM</td></tr> <tr><td>166</td><td>Brüce Lee</td><td>Evans</td><td>22</td><td>$13.19</td><td>11%</td><td>Jan 18, 2007 9:12 AM</td></tr> <tr><td>100</td><td>Brenda Dexter</td><td>McMasters</td><td>18</td><td>$55.20</td><td>15%</td><td>Feb 12, 2010 7:23 PM</td></tr> <tr><td>55</td><td>Dennís</td><td>Bronson</td><td>65</td><td>$123.00</td><td>32%</td><td>Jan 20, 2001 1:12 PM</td></tr> <tr><td>9</td><td>Martha</td><td>delFuego</td><td>25</td><td>$22.09</td><td>17%</td><td>Jun 11, 2011 10:55 AM</td></tr> </tbody> </table> <h1>Demo: Without the Filter Widget</h1> <br> Search/Highlight all columns: <input id="table2-search" type="search"> <button class="table2 reset2" type="button">Reset</button> <button class="table2" type="button">13</button> <button class="table2 bad" type="button" title="See "Notes" on why the "005 Bruce Almighty" row isn't highlighted">~ee</button> <button class="table2" type="button">br?n</button> <button class="table2" type="button">br*n</button> <button class="table2" type="button">aaron && 2</button> <button class="table2" type="button">aaron|bruce</button> <button class="table2 sens tooltip" type="button" title="Case Sensitive Mark" data-filter-column="all" data-mark-case="true">aaron|Bruce</button> <table id="table2" class="tablesorter"> <thead> <tr> <th>Rank</th> <th class="filter-match">First Name</th> <th>Last Name</th> <th class="mark-ignore" title="no highlighting">Age</th> <th>Total</th> <th>Discount</th> <th>Date</th> </tr> </thead> <tbody> <tr><td>1</td><td>Philip Aaron Wong</td><td>Johnson Sr Esq</td><td>25</td><td>$5.95</td><td>22%</td><td>Jun 26, 2004 7:22 AM</td></tr> <tr><td>11</td><td>Aáron</td><td>Hibert</td><td>12</td><td>$2.99</td><td>5%</td><td>Aug 21, 2009 12:21 PM</td></tr> <tr><td>12</td><td>Brandon Clark</td><td>Henry Jr</td><td>51</td><td>$42.29</td><td>18%</td><td>Oct 13, 2000 1:15 PM</td></tr> <tr><td>111</td><td>Peter</td><td>Párker</td><td>28</td><td>$9.99</td><td>20%</td><td>Jul 6, 2006 8:14 AM</td></tr> <tr><td>21</td><td>John</td><td>Hood</td><td>33</td><td>$19.99</td><td>25%</td><td>Dec 10, 2002 5:14 AM</td></tr> <tr><td>013</td><td>Clark</td><td>Kènt Sr.</td><td>18</td><td>$15.89</td><td>44%</td><td>Jan 12, 2003 11:14 AM</td></tr> <tr><td>005</td><td>Bruce</td><td>Almighty Esq</td><td>45</td><td>$153.19</td><td>44%</td><td>Jan 18, 2021 9:12 AM</td></tr> <tr><td>10</td><td>Alex</td><td>Dumāss</td><td>13</td><td>$5.29</td><td>4%</td><td>Jan 8, 2012 5:11 PM</td></tr> <tr><td>16</td><td>Jim</td><td>Franco</td><td>24</td><td>$14.19</td><td>14%</td><td>Jan 14, 2004 11:23 AM</td></tr> <tr><td>166</td><td>Brüce Lee</td><td>Evans</td><td>22</td><td>$13.19</td><td>11%</td><td>Jan 18, 2007 9:12 AM</td></tr> <tr><td>100</td><td>Brenda Dexter</td><td>McMasters</td><td>18</td><td>$55.20</td><td>15%</td><td>Feb 12, 2010 7:23 PM</td></tr> <tr><td>55</td><td>Dennís</td><td>Bronson</td><td>65</td><td>$123.00</td><td>32%</td><td>Jan 20, 2001 1:12 PM</td></tr> <tr><td>9</td><td>Martha</td><td>delFuego</td><td>25</td><td>$22.09</td><td>17%</td><td>Jun 11, 2011 10:55 AM</td></tr> </tbody> </table> <h1>Page Header</h1> <div> <pre class="prettyprint lang-html"><!-- blue theme stylesheet --> <link rel="stylesheet" href="css/theme.blue.css"> <!-- tablesorter plugin --> <script src="js/jquery-latest.min.js"></script> <script src="js/jquery.tablesorter.js"></script> <script src="js/jquery.tablesorter.widgets.js"></script> <!-- jquery.mark.js & tablesorter mark widget loaded after the plugin --> <script src="js/jquery.mark.js"></script> <script src="js/widget-mark.js"></script></pre> </div> <h1>CSS</h1> <div id="css"> <pre class="prettyprint lang-css"></pre> </div> <h1>Javascript</h1> <div id="javascript"> <pre class="prettyprint lang-javascript"></pre> </div> </div> </body> </html>
Close
