代码拉取完成，页面将自动刷新
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" type="image/ico" href="http://www.sprymedia.co.uk/media/images/favicon.ico">
<title>Using DataTable with column filter plugin - Filter applied on the multiple tables</title>
<style type="text/css" title="currentStyle">
@import "media/css/demo_page.css";
@import "media/css/demo_table.css";
@import "media/css/themes/base/jquery-ui.css";
@import "media/css/themes/smoothness/jquery-ui-1.7.2.custom.css";
</style>
<script src="media/js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="media/js/jquery.dataTables.js" type="text/javascript"></script>
<script src="media/js/jquery-ui.js" type="text/javascript"></script>
<script src="media/js/jquery.dataTables.columnFilter.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$.datepicker.regional[""].dateFormat = 'dd/mm/yy';
$.datepicker.setDefaults($.datepicker.regional['']);
$('#example').dataTable({
"aoColumns": [
{ "sWidth": "200px" },
null,
null
]
} )
.columnFilter({ sPlaceHolder: "head:before",
aoColumns: [ { type: "text" },
{ type: "date-range" },
{ type: "date-range" }
]
})
;
$('#example2').dataTable()
.columnFilter({
aoColumns: [ { type: "select", values: [ 'Gecko', 'Trident', 'KHTML', 'Misc', 'Presto', 'Webkit', 'Tasman'] },
{ type: "text" },
null,
{ type: "number" }
]
})
;
$('#example3').dataTable().columnFilter({ sPlaceHolder: "head:after",
aoColumns: [
{ type: "number-range" },
{ type: "text" },
{ type: "number-range" }
]
});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-17838786-4']);
_gaq.push(['_trackPageview']);
(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body id="dt_example">
<div id="container">
<a href="index.html">Home</a>
<a href="http://code.google.com/p/jquery-datatables-column-filter/wiki/ColumnFilter">Wiki</a>
<h1 class="full_width big">
JQuery DataTable Column Filter - Filters applied on the multiple tabes
</h1>
<h2>Preamble</h2>
<p>
DataTables Column Filter add-on can be applied on the several tables on the same page. Each table has own configuration
for filtering.
</p>
<h2>Live example</h2>
<p>In the following example is shown column filter applied on the three diffrent tables.</p>
<h3>First table</h3>
<div id="demo">
<table id="example" class="display">
<thead>
<tr>
<th style="width:150px">Company name</th>
<th style="width:350px">Date Created</th>
<th style="width:250px">Date Updated</th>
</tr>
<tr>
<th>Company name</th>
<th>Date Created</th>
<th>Date Updated</th>
</tr>
</thead>
<tbody>
<tr>
<td>Emkay Entertainments</td>
<td>28/05/2011</td>
<td>25/08/2011 00:00:00</td>
</tr>
<tr>
<td>The Empire</td>
<td>16/06/2011</td>
<td>10/07/2011 00:00:00</td>
</tr>
<tr>
<td>Asadul Ltd</td>
<td>13/07/2011</td>
<td>12/09/2011 00:00:00</td>
</tr>
<tr>
<td>Gargamel ltd</td>
<td>15/05/2011</td>
<td>15/05/2011 00:00:00</td>
</tr>
<tr>
<td>Ashley Mark</td>
<td>15/07/2011</td>
<td>25/08/2011 00:00:00</td>
</tr>
<tr>
<td>MuchMoreMusic Studios</td>
<td>02/07/2011</td>
<td>24/09/2011 00:00:00</td>
</tr>
<tr>
<td>Victoria Music Ltd</td>
<td>21/07/2011</td>
<td>19/08/2011 00:00:00</td>
</tr>
<tr>
<td>Abacus Agent</td>
<td>08/06/2011</td>
<td>23/08/2011 00:00:00</td>
</tr>
<tr>
<td>Atomic</td>
<td>09/06/2011</td>
<td>04/07/2011 00:00:00</td>
</tr>
<tr>
<td>Pyramid Posters</td>
<td>30/07/2011</td>
<td>14/10/2011 00:00:00</td>
</tr>
<tr>
<td>Kingston Smith Ltd</td>
<td>06/08/2011</td>
<td>04/09/2011 00:00:00</td>
</tr>
<tr>
<td>Garrett Axford PR</td>
<td>06/07/2011</td>
<td>28/09/2011 00:00:00</td>
</tr>
<tr>
<td>Derek Boulton Management</td>
<td>12/08/2011</td>
<td>22/09/2011 00:00:00</td>
</tr>
<tr>
<td>(TCM)</td>
<td>15/05/2011</td>
<td>15/05/2011 00:00:00</td>
</tr>
<tr>
<td>Billy Russell Management</td>
<td>14/08/2011</td>
<td>14/10/2011 00:00:00</td>
</tr>
<tr>
<td>Stage Audio Services</td>
<td>22/07/2011</td>
<td>15/08/2011 00:00:00</td>
</tr>
<tr>
<td>Windsong International</td>
<td>21/06/2011</td>
<td>18/09/2011 00:00:00</td>
</tr>
<tr>
<td>Vivante Music Ltd</td>
<td>19/05/2011</td>
<td>14/07/2011 00:00:00</td>
</tr>
<tr>
<td>Way to Blue</td>
<td>29/07/2011</td>
<td>23/08/2011 00:00:00</td>
</tr>
<tr>
<td>Glasgow City Halls</td>
<td>10/07/2011</td>
<td>14/10/2011 00:00:00</td>
</tr>
<tr>
<td>The List</td>
<td>07/07/2011</td>
<td>14/09/2011 00:00:00</td>
</tr>
<tr>
<td>Wilkinson Turner King</td>
<td>26/07/2011</td>
<td>08/09/2011 00:00:00</td>
</tr>
<tr>
<td>GSC Solicitors</td>
<td>03/06/2011</td>
<td>24/06/2011 00:00:00</td>
</tr>
<tr>
<td>Vanessa Music Co</td>
<td>15/05/2011</td>
<td>15/05/2011 00:00:00</td>
</tr>
<tr>
<td>Regent Records</td>
<td>05/06/2011</td>
<td>25/08/2011 00:00:00</td>
</tr>
<tr>
<td>BBC Radio Lancashire</td>
<td>11/08/2011</td>
<td>14/10/2011 00:00:00</td>
</tr>
<tr>
<td>The Citadel Arts Centre</td>
<td>22/05/2011</td>
<td>10/07/2011 00:00:00</td>
</tr>
<tr>
<td>Villa Audio Ltd</td>
<td>07/08/2011</td>
<td>12/09/2011 00:00:00</td>
</tr>
<tr>
<td>Astra travel</td>
<td>09/06/2011</td>
<td>04/07/2011 00:00:00</td>
</tr>
<tr>
<td>Idle Eyes Printshop</td>
<td>20/06/2011</td>
<td>06/07/2011 00:00:00</td>
</tr>
<tr>
<td>Miggins Music (UK)</td>
<td>07/06/2011</td>
<td>16/06/2011 00:00:00</td>
</tr>
<tr>
<td>Magic 999</td>
<td>15/08/2011</td>
<td>19/08/2011 00:00:00</td>
</tr>
<tr>
<td>Delga Group</td>
<td>03/07/2011</td>
<td>04/07/2011 00:00:00</td>
</tr>
<tr>
<td>Zane Music</td>
<td>15/05/2011</td>
<td>15/05/2011 00:00:00</td>
</tr>
<tr>
<td>Universal Music</td>
<td>05/07/2011</td>
<td>06/07/2011 00:00:00</td>
</tr>
<tr>
<td>Gotham Records</td>
<td>23/05/2011</td>
<td>27/05/2011 00:00:00</td>
</tr>
<tr>
<td>Timbuktu Music Ltd</td>
<td>31/07/2011</td>
<td>09/08/2011 00:00:00</td>
</tr>
<tr>
<td>Online Music</td>
<td>18/07/2011</td>
<td>03/08/2011 00:00:00</td>
</tr>
<tr>
<td>Irish Music Magazine</td>
<td>29/07/2011</td>
<td>23/08/2011 00:00:00</td>
</tr>
<tr>
<td>Savoy Records</td>
<td>31/05/2011</td>
<td>06/07/2011 00:00:00</td>
</tr>
<tr>
<td>Temple Studios</td>
<td>16/08/2011</td>
<td>04/10/2011 00:00:00</td>
</tr>
<tr>
<td>Gravity Shack Studio</td>
<td>27/05/2011</td>
<td>30/07/2011 00:00:00</td>
</tr>
<tr>
<td>Dovehouse Records</td>
<td>02/08/2011</td>
<td>22/10/2011 00:00:00</td>
</tr>
<tr>
<td>Citysounds Ltd</td>
<td>15/05/2011</td>
<td>15/05/2011 00:00:00</td>
</tr>
<tr>
<td>Revolver Music Publishing</td>
<td>04/08/2011</td>
<td>25/08/2011 00:00:00</td>
</tr>
<tr>
<td>Jug Of Ale</td>
<td>12/06/2011</td>
<td>26/07/2011 00:00:00</td>
</tr>
<tr>
<td>Isles FM 103</td>
<td>01/07/2011</td>
<td>08/09/2011 00:00:00</td>
</tr>
<tr>
<td>Headscope</td>
<td>28/06/2011</td>
<td>02/10/2011 00:00:00</td>
</tr>
<tr>
<td>Universal Music Ireland</td>
<td>09/06/2011</td>
<td>04/07/2011 00:00:00</td>
</tr>
<tr>
<td>Zander Exports</td>
<td>19/08/2011</td>
<td>14/10/2011 00:00:00</td>
</tr>
<tr>
<td>Midem (UK)</td>
<td>17/07/2011</td>
<td>14/10/2011 00:00:00</td>
</tr>
<tr>
<td>La Rocka Studios</td>
<td>16/06/2011</td>
<td>10/07/2011 00:00:00</td>
</tr>
<tr>
<td>Warner Home DVD</td>
<td>24/05/2011</td>
<td>24/07/2011 00:00:00</td>
</tr>
<tr>
<td>Music Room</td>
<td>15/05/2011</td>
<td>15/05/2011 00:00:00</td>
</tr>
<tr>
<td>Blue Planet</td>
<td>26/05/2011</td>
<td>06/07/2011 00:00:00</td>
</tr>
<tr>
<td>Dream 107.7FM</td>
<td>02/07/2011</td>
<td>24/09/2011 00:00:00</td>
</tr>
<tr>
<td>Moneypenny Agency</td>
<td>01/06/2011</td>
<td>30/06/2011 00:00:00</td>
</tr>
<tr>
<td>Artsun</td>
<td>08/06/2011</td>
<td>23/08/2011 00:00:00</td>
</tr>
<tr>
<td>Clyde 2</td>
<td>29/07/2011</td>
<td>23/08/2011 00:00:00</td>
</tr>
<tr>
<td>9PR</td>
<td>30/07/2011</td>
<td>14/10/2011 00:00:00</td>
</tr>
<tr>
<td>River Studio's</td>
<td>17/06/2011</td>
<td>16/07/2011 00:00:00</td>
</tr>
<tr>
<td>Start Entertainments Ltd</td>
<td>06/07/2011</td>
<td>28/09/2011 00:00:00</td>
</tr>
<tr>
<td>Vinyl Tap Mail Order Music</td>
<td>23/06/2011</td>
<td>03/08/2011 00:00:00</td>
</tr>
<tr>
<td>Passion Music</td>
<td>15/05/2011</td>
<td>15/05/2011 00:00:00</td>
</tr>
<tr>
<td>SuperVision Management</td>
<td>25/06/2011</td>
<td>25/08/2011 00:00:00</td>
</tr>
<tr>
<td>Lite FM</td>
<td>22/07/2011</td>
<td>15/08/2011 00:00:00</td>
</tr>
<tr>
<td>ISIS Duplicating Company</td>
<td>10/08/2011</td>
<td>07/11/2011 00:00:00</td>
</tr>
<tr>
<td>Vanderbeek & Imrie Ltd</td>
<td>19/05/2011</td>
<td>14/07/2011 00:00:00</td>
</tr>
<tr>
<td>Glamorgan University</td>
<td>09/06/2011</td>
<td>04/07/2011 00:00:00</td>
</tr>
<tr>
<td>Web User</td>
<td>10/07/2011</td>
<td>14/10/2011 00:00:00</td>
</tr>
<tr>
<td>Farnborough Recreation Centre</td>
<td>18/05/2011</td>
<td>26/07/2011 00:00:00</td>
</tr>
<tr>
<td>Robert Owens</td>
<td>26/07/2011</td>
<td>08/09/2011 00:00:00</td>
</tr>
<tr>
<td>Magick Eye Records</td>
<td>23/07/2011</td>
<td>13/08/2011 00:00:00</td>
</tr>
<tr>
<td>Alexandra Theatre</td>
<td>15/05/2011</td>
<td>15/05/2011 00:00:00</td>
</tr>
<tr>
<td>Keda Records</td>
<td>25/07/2011</td>
<td>14/10/2011 00:00:00</td>
</tr>
<tr>
<td>Independiente Ltd</td>
<td>11/08/2011</td>
<td>14/10/2011 00:00:00</td>
</tr>
<tr>
<td>Shurwood Management</td>
<td>11/07/2011</td>
<td>29/08/2011 00:00:00</td>
</tr>
<tr>
<td>Fury Records</td>
<td>07/08/2011</td>
<td>12/09/2011 00:00:00</td>
</tr>
<tr>
<td>Northumbria University</td>
<td>29/07/2011</td>
<td>23/08/2011 00:00:00</td>
</tr>
<tr>
<td>Pop Muzik</td>
<td>20/06/2011</td>
<td>06/07/2011 00:00:00</td>
</tr>
<tr>
<td>Jonsongs Music</td>
<td>27/07/2011</td>
<td>05/08/2011 00:00:00</td>
</tr>
<tr>
<td>Hermana PR</td>
<td>15/08/2011</td>
<td>19/08/2011 00:00:00</td>
</tr>
<tr>
<td>Sugarcane Music</td>
<td>22/08/2011</td>
<td>23/08/2011 00:00:00</td>
</tr>
<tr>
<td>JFM Records</td>
<td>15/05/2011</td>
<td>15/05/2011 00:00:00</td>
</tr>
<tr>
<td>Black Market Records</td>
<td>16/05/2011</td>
<td>17/05/2011 00:00:00</td>
</tr>
<tr>
<td>Float Your Boat Productions</td>
<td>23/05/2011</td>
<td>27/05/2011 00:00:00</td>
</tr>
<tr>
<td>Creation Management</td>
<td>11/06/2011</td>
<td>20/06/2011 00:00:00</td>
</tr>
<tr>
<td>Bryter Music</td>
<td>18/07/2011</td>
<td>03/08/2011 00:00:00</td>
</tr>
<tr>
<td>The Headline Agency</td>
<td>09/06/2011</td>
<td>04/07/2011 00:00:00</td>
</tr>
<tr>
<td>MP Promotions</td>
<td>31/05/2011</td>
<td>06/07/2011 00:00:00</td>
</tr>
<tr>
<td>Modo Production Ltd</td>
<td>27/06/2011</td>
<td>15/08/2011 00:00:00</td>
</tr>
<tr>
<td>Nomadic Music</td>
<td>27/05/2011</td>
<td>30/07/2011 00:00:00</td>
</tr>
<tr>
<td>Reverb Records Ltd</td>
<td>13/06/2011</td>
<td>02/09/2011 00:00:00</td>
</tr>
<tr>
<td>SIBC</td>
<td>15/05/2011</td>
<td>15/05/2011 00:00:00</td>
</tr>
<tr>
<td>Marken Time Critical Express</td>
<td>15/06/2011</td>
<td>06/07/2011 00:00:00</td>
</tr>
<tr>
<td>102.2 Smooth FM</td>
<td>12/06/2011</td>
<td>26/07/2011 00:00:00</td>
</tr>
<tr>
<td>Chesterfield Arts Centre</td>
<td>20/08/2011</td>
<td>28/10/2011 00:00:00</td>
</tr>
<tr>
<td>The National Indoor Arena</td>
<td>28/06/2011</td>
<td>02/10/2011 00:00:00</td>
</tr>
<tr>
<td>Salisbury City Hall</td>
<td>29/07/2011</td>
<td>23/08/2011 00:00:00</td>
</tr>
<tr>
<td>Minder Music</td>
<td>19/08/2011</td>
<td>14/10/2011 00:00:00</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Company name</th>
<th>Date Created</th>
<th>Date Updated</th>
</tr>
</tfoot>
</table>
</div>
<div class="spacer"></div>
<h3>Second table</h3>
<div id="demo">
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example2">
<thead>
<tr>
<th>Rendering engine</th>
<th>Browser</th>
<th>Platform(s)</th>
<th>Engine version</th>
<th>CSS grade</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Rendering engine</th>
<th>Browser</th>
<th>Platform(s)</th>
<th>Engine version</th>
<th>CSS grade</th>
</tr>
</tfoot>
<tbody>
<tr class="odd_gradeX" id="2">
<td class="read_only">Trident</td>
<td>Internet Explorer 4.0</td>
<td>Win 95+</td>
<td class="center">4</td>
<td class="center">X</td>
</tr>
<tr class="even_gradeC" id="4">
<td>Trident</td>
<td>Internet Explorer 5.0</td>
<td>Win 95+</td>
<td class="center">5</td>
<td class="center">C</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Trident</td>
<td>Internet Explorer 5.5</td>
<td>Win 95+</td>
<td class="center">5.5</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Trident</td>
<td class="read_only">Internet Explorer 6</td>
<td>Win 98+</td>
<td class="center">6</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Trident</td>
<td>Internet Explorer 7</td>
<td class="read_only">Win XP SP2+</td>
<td class="center">7</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Trident</td>
<td>AOL browser (AOL desktop)</td>
<td>Win XP</td>
<td class="center">6</td>
<td class="center read_only">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Gecko (UTF-8: $¢€)</td>
<td>Firefox 1.0</td>
<td>Win 98+ / OSX.2+</td>
<td class="center">1.7</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Gecko</td>
<td>Firefox 1.5</td>
<td>Win 98+ / OSX.2+</td>
<td class="center">2.0</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Gecko</td>
<td>Firefox 2.0</td>
<td>Win 98+ / OSX.2+</td>
<td class="center">1.8</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Gecko</td>
<td>Firefox 3.0</td>
<td>Win 2k+ / OSX.3+</td>
<td class="center">1.9</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Gecko</td>
<td>Camino 1.0</td>
<td>OSX.2+</td>
<td class="center">2.1</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Gecko</td>
<td>Camino 1.5</td>
<td>OSX.3+</td>
<td class="center">1.8</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Gecko</td>
<td>Netscape 7.2</td>
<td>Win 95+ / Mac OS 8.6-9.2</td>
<td class="center">1.7</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Gecko</td>
<td>Netscape Browser 8</td>
<td>Win 98SE+</td>
<td class="center">1.7</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Gecko</td>
<td>Netscape Navigator 9</td>
<td>Win 98+ / OSX.2+</td>
<td class="center">1.8</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Gecko</td>
<td>Mozilla 1.0</td>
<td>Win 95+ / OSX.1+</td>
<td class="center">1</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Gecko</td>
<td>Mozilla 1.1</td>
<td>Win 95+ / OSX.1+</td>
<td class="center">1.1</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Gecko</td>
<td>Mozilla 1.2</td>
<td>Win 95+ / OSX.1+</td>
<td class="center">1.2</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Gecko</td>
<td>Mozilla 1.3</td>
<td>Win 95+ / OSX.1+</td>
<td class="center">1.3</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Gecko</td>
<td>Mozilla 1.4</td>
<td>Win 95+ / OSX.1+</td>
<td class="center">1.4</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Gecko</td>
<td>Mozilla 1.5</td>
<td>Win 95+ / OSX.1+</td>
<td class="center">1.5</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Gecko</td>
<td>Mozilla 1.6</td>
<td>Win 95+ / OSX.1+</td>
<td class="center">1.6</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Gecko</td>
<td>Mozilla 1.7</td>
<td>Win 98+ / OSX.1+</td>
<td class="center">2.5</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Gecko</td>
<td>Mozilla 1.8</td>
<td>Win 98+ / OSX.1+</td>
<td class="center">1.8</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Gecko</td>
<td>Seamonkey 1.1</td>
<td>Win 98+ / OSX.2+</td>
<td class="center">2.1</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Gecko</td>
<td>Epiphany 2.20</td>
<td>Gnome</td>
<td class="center">1.8</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Webkit</td>
<td>Safari 1.2</td>
<td>OSX.3</td>
<td class="center">125.5</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Webkit</td>
<td>Safari 1.3</td>
<td>OSX.3</td>
<td class="center">312.8</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Webkit</td>
<td>Safari 2.0</td>
<td>OSX.4+</td>
<td class="center">419.3</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Webkit</td>
<td>Safari 3.0</td>
<td>OSX.4+</td>
<td class="center">522.1</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Webkit</td>
<td>OmniWeb 5.5</td>
<td>OSX.4+</td>
<td class="center">420</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Webkit</td>
<td>iPod Touch / iPhone</td>
<td>iPod</td>
<td class="center">420.1</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Webkit</td>
<td>S60</td>
<td>S60</td>
<td class="center">413</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Presto</td>
<td>Opera 7.0</td>
<td>Win 95+ / OSX.1+</td>
<td class="center">-</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Presto</td>
<td>Opera 7.5</td>
<td>Win 95+ / OSX.2+</td>
<td class="center">-</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Presto</td>
<td>Opera 8.0</td>
<td>Win 95+ / OSX.2+</td>
<td class="center">-</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Presto</td>
<td>Opera 8.5</td>
<td>Win 95+ / OSX.2+</td>
<td class="center">-</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Presto</td>
<td>Opera 9.0</td>
<td>Win 95+ / OSX.3+</td>
<td class="center">-</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Presto</td>
<td>Opera 9.2</td>
<td>Win 88+ / OSX.3+</td>
<td class="center">-</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Presto</td>
<td>Opera 9.5</td>
<td>Win 88+ / OSX.3+</td>
<td class="center">-</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Presto</td>
<td>Opera for Wii</td>
<td>Wii</td>
<td class="center">-</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Presto</td>
<td>Nokia N800</td>
<td>N800</td>
<td class="center">-</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Presto</td>
<td>Nintendo DS browser</td>
<td>Nintendo DS</td>
<td class="center">8.5</td>
<td class="center">C/A<sup>1</sup></td>
</tr>
<tr class="even_gradeC" id="4">
<td>KHTML</td>
<td>Konqureror 3.1</td>
<td>KDE 3.1</td>
<td class="center">3.1</td>
<td class="center">C</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>KHTML</td>
<td>Konqureror 3.3</td>
<td>KDE 3.3</td>
<td class="center">3.3</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeA" id="1">
<td>KHTML</td>
<td>Konqureror 3.5</td>
<td>KDE 3.5</td>
<td class="center">3.5</td>
<td class="center">A</td>
</tr>
<tr class="odd_gradeX" id="2">
<td>Tasman</td>
<td>Internet Explorer 4.5</td>
<td>Mac OS 8-9</td>
<td class="center">-</td>
<td class="center">X</td>
</tr>
<tr class="even_gradeC" id="4">
<td>Tasman</td>
<td>Internet Explorer 5.1</td>
<td>Mac OS 7.6-9</td>
<td class="center">1</td>
<td class="center">C</td>
</tr>
<tr class="odd_gradeC" id="3">
<td>Tasman</td>
<td>Internet Explorer 5.2</td>
<td>Mac OS 8-X</td>
<td class="center">1</td>
<td class="center">C</td>
</tr>
<tr class="even_gradeA" id="1">
<td>Misc</td>
<td>NetFront 3.1</td>
<td>Embedded devices</td>
<td class="center">-</td>
<td class="center">C</td>
</tr>
<tr class="odd_gradeA" id="5">
<td>Misc</td>
<td>NetFront 3.4</td>
<td>Embedded devices</td>
<td class="center">-</td>
<td class="center">A</td>
</tr>
<tr class="even_gradeX" id="11">
<td>Misc</td>
<td>Dillo 0.8</td>
<td>Embedded devices</td>
<td class="center">-</td>
<td class="center">X</td>
</tr>
<tr class="odd_gradeX" id="2">
<td>Misc</td>
<td>Links</td>
<td>Text only</td>
<td class="center">-</td>
<td class="center">X</td>
</tr>
<tr class="even_gradeX" id="11">
<td>Misc</td>
<td>Lynx</td>
<td>Text only</td>
<td class="center">-</td>
<td class="center">X</td>
</tr>
<tr class="odd_gradeC" id="3">
<td>Misc</td>
<td>IE Mobile</td>
<td>Windows Mobile 6</td>
<td class="center">-</td>
<td class="center">C</td>
</tr>
<tr class="even_gradeC" id="4">
<td>Misc</td>
<td>PSP browser</td>
<td>PSP</td>
<td class="center">-</td>
<td class="center">C</td>
</tr>
<tr class="odd_gradeU" id="10">
<td>Other browsers</td>
<td>All others</td>
<td>-</td>
<td class="center">-</td>
<td class="center">U</td>
</tr>
</tbody>
</table>
</div>
<div class="spacer"></div>
<h3>Third table</h3>
<div id="demo">
<table id="example3" class="display">
<thead>
<tr>
<th>Company ID</th>
<th>Company name</th>
<th>Number of employees</th>
</tr>
<tr>
<th>Company ID</th>
<th>Company name</th>
<th>Number of employees</th>
</tr>
</thead>
<tbody>
<tr>
<td>17</td>
<td>Emkay Entertainments</td>
<td>109</td>
</tr>
<tr>
<td>18</td>
<td>The Empire</td>
<td>44</td>
</tr>
<tr>
<td>19</td>
<td>Asadul Ltd</td>
<td>81</td>
</tr>
<tr>
<td>20</td>
<td>Gargamel ltd</td>
<td>20</td>
</tr>
<tr>
<td>21</td>
<td>Ashley Mark Publishing Company</td>
<td>61</td>
</tr>
<tr>
<td>22</td>
<td>MuchMoreMusic Studios</td>
<td>104</td>
</tr>
<tr>
<td>23</td>
<td>Victoria Music Ltd</td>
<td>49</td>
</tr>
<tr>
<td>24</td>
<td>Abacus Agent</td>
<td>96</td>
</tr>
<tr>
<td>25</td>
<td>Atomic</td>
<td>45</td>
</tr>
<tr>
<td>26</td>
<td>Pyramid Posters</td>
<td>96</td>
</tr>
<tr>
<td>27</td>
<td>Kingston Smith Financial Services Ltd</td>
<td>49</td>
</tr>
<tr>
<td>28</td>
<td>Garrett Axford PR</td>
<td>104</td>
</tr>
<tr>
<td>29</td>
<td>Derek Boulton Management</td>
<td>61</td>
</tr>
<tr>
<td>30</td>
<td>Total Concept Management (TCM)</td>
<td>20</td>
</tr>
<tr>
<td>31</td>
<td>Billy Russell Management</td>
<td>81</td>
</tr>
<tr>
<td>32</td>
<td>Stage Audio Services</td>
<td>44</td>
</tr>
<tr>
<td>33</td>
<td>Windsong International</td>
<td>109</td>
</tr>
<tr>
<td>34</td>
<td>Vivante Music Ltd</td>
<td>76</td>
</tr>
<tr>
<td>35</td>
<td>Way to Blue</td>
<td>45</td>
</tr>
<tr>
<td>36</td>
<td>Glasgow City Halls</td>
<td>116</td>
</tr>
<tr>
<td>37</td>
<td>The List</td>
<td>89</td>
</tr>
<tr>
<td>38</td>
<td>Wilkinson Turner King</td>
<td>64</td>
</tr>
<tr>
<td>39</td>
<td>GSC Solicitors</td>
<td>41</td>
</tr>
<tr>
<td>40</td>
<td>Vanessa Music Co</td>
<td>20</td>
</tr>
<tr>
<td>41</td>
<td>Regent Records</td>
<td>101</td>
</tr>
<tr>
<td>42</td>
<td>BBC Radio Lancashire</td>
<td>84</td>
</tr>
<tr>
<td>43</td>
<td>The Citadel Arts Centre</td>
<td>69</td>
</tr>
<tr>
<td>44</td>
<td>Villa Audio Ltd</td>
<td>56</td>
</tr>
<tr>
<td>45</td>
<td>Astra travel</td>
<td>45</td>
</tr>
<tr>
<td>46</td>
<td>Idle Eyes Printshop</td>
<td>36</td>
</tr>
<tr>
<td>47</td>
<td>Miggins Music (UK)</td>
<td>29</td>
</tr>
<tr>
<td>48</td>
<td>Magic 999</td>
<td>24</td>
</tr>
<tr>
<td>49</td>
<td>Delga Group</td>
<td>21</td>
</tr>
<tr>
<td>50</td>
<td>Zane Music</td>
<td>20</td>
</tr>
<tr>
<td>51</td>
<td>Universal Music Operations</td>
<td>21</td>
</tr>
<tr>
<td>52</td>
<td>Gotham Records</td>
<td>24</td>
</tr>
<tr>
<td>53</td>
<td>Timbuktu Music Ltd</td>
<td>29</td>
</tr>
<tr>
<td>54</td>
<td>Online Music</td>
<td>36</td>
</tr>
<tr>
<td>55</td>
<td>Irish Music Magazine</td>
<td>45</td>
</tr>
<tr>
<td>56</td>
<td>Savoy Records</td>
<td>56</td>
</tr>
<tr>
<td>57</td>
<td>Temple Studios</td>
<td>69</td>
</tr>
<tr>
<td>58</td>
<td>Gravity Shack Studio</td>
<td>84</td>
</tr>
<tr>
<td>59</td>
<td>Dovehouse Records</td>
<td>101</td>
</tr>
<tr>
<td>60</td>
<td>Citysounds Ltd</td>
<td>20</td>
</tr>
<tr>
<td>61</td>
<td>Revolver Music Publishing</td>
<td>41</td>
</tr>
<tr>
<td>62</td>
<td>Jug Of Ale</td>
<td>64</td>
</tr>
<tr>
<td>63</td>
<td>Isles FM 103</td>
<td>89</td>
</tr>
<tr>
<td>64</td>
<td>Headscope</td>
<td>116</td>
</tr>
<tr>
<td>65</td>
<td>Universal Music Ireland</td>
<td>45</td>
</tr>
<tr>
<td>66</td>
<td>Zander Exports</td>
<td>76</td>
</tr>
<tr>
<td>67</td>
<td>Midem (UK)</td>
<td>109</td>
</tr>
<tr>
<td>68</td>
<td>La Rocka Studios</td>
<td>44</td>
</tr>
<tr>
<td>69</td>
<td>Warner Home DVD</td>
<td>81</td>
</tr>
<tr>
<td>70</td>
<td>Music Room</td>
<td>20</td>
</tr>
<tr>
<td>71</td>
<td>Blue Planet</td>
<td>61</td>
</tr>
<tr>
<td>72</td>
<td>Dream 107.7FM</td>
<td>104</td>
</tr>
<tr>
<td>73</td>
<td>Moneypenny Agency</td>
<td>49</td>
</tr>
<tr>
<td>74</td>
<td>Artsun</td>
<td>96</td>
</tr>
<tr>
<td>75</td>
<td>Clyde 2</td>
<td>45</td>
</tr>
<tr>
<td>76</td>
<td>9PR</td>
<td>96</td>
</tr>
<tr>
<td>77</td>
<td>River Studio's</td>
<td>49</td>
</tr>
<tr>
<td>78</td>
<td>Start Entertainments Ltd</td>
<td>104</td>
</tr>
<tr>
<td>79</td>
<td>Vinyl Tap Mail Order Music</td>
<td>61</td>
</tr>
<tr>
<td>80</td>
<td>Passion Music</td>
<td>20</td>
</tr>
<tr>
<td>81</td>
<td>SuperVision Management</td>
<td>81</td>
</tr>
<tr>
<td>82</td>
<td>Lite FM</td>
<td>44</td>
</tr>
<tr>
<td>83</td>
<td>ISIS Duplicating Company</td>
<td>109</td>
</tr>
<tr>
<td>84</td>
<td>Vanderbeek & Imrie Ltd</td>
<td>76</td>
</tr>
<tr>
<td>85</td>
<td>Glamorgan University</td>
<td>45</td>
</tr>
<tr>
<td>86</td>
<td>Web User</td>
<td>116</td>
</tr>
<tr>
<td>87</td>
<td>Farnborough Recreation Centre</td>
<td>89</td>
</tr>
<tr>
<td>88</td>
<td>Robert Owens/Musical Directions</td>
<td>64</td>
</tr>
<tr>
<td>89</td>
<td>Magick Eye Records</td>
<td>41</td>
</tr>
<tr>
<td>90</td>
<td>Alexandra Theatre</td>
<td>20</td>
</tr>
<tr>
<td>91</td>
<td>Keda Records</td>
<td>101</td>
</tr>
<tr>
<td>92</td>
<td>Independiente Ltd</td>
<td>84</td>
</tr>
<tr>
<td>93</td>
<td>Shurwood Management</td>
<td>69</td>
</tr>
<tr>
<td>94</td>
<td>Fury Records</td>
<td>56</td>
</tr>
<tr>
<td>95</td>
<td>Northumbria University</td>
<td>45</td>
</tr>
<tr>
<td>96</td>
<td>Pop Muzik</td>
<td>36</td>
</tr>
<tr>
<td>97</td>
<td>Jonsongs Music</td>
<td>29</td>
</tr>
<tr>
<td>98</td>
<td>Hermana PR</td>
<td>24</td>
</tr>
<tr>
<td>99</td>
<td>Sugarcane Music</td>
<td>21</td>
</tr>
<tr>
<td>100</td>
<td>JFM Records</td>
<td>20</td>
</tr>
<tr>
<td>101</td>
<td>Black Market Records</td>
<td>21</td>
</tr>
<tr>
<td>102</td>
<td>Float Your Boat Productions</td>
<td>24</td>
</tr>
<tr>
<td>103</td>
<td>Creation Management</td>
<td>29</td>
</tr>
<tr>
<td>104</td>
<td>Bryter Music</td>
<td>36</td>
</tr>
<tr>
<td>105</td>
<td>The Headline Agency</td>
<td>45</td>
</tr>
<tr>
<td>106</td>
<td>MP Promotions</td>
<td>56</td>
</tr>
<tr>
<td>107</td>
<td>Modo Production Ltd</td>
<td>69</td>
</tr>
<tr>
<td>108</td>
<td>Nomadic Music</td>
<td>84</td>
</tr>
<tr>
<td>109</td>
<td>Reverb Records Ltd</td>
<td>101</td>
</tr>
<tr>
<td>110</td>
<td>SIBC</td>
<td>20</td>
</tr>
<tr>
<td>111</td>
<td>Marken Time Critical Express</td>
<td>41</td>
</tr>
<tr>
<td>112</td>
<td>102.2 Smooth FM</td>
<td>64</td>
</tr>
<tr>
<td>113</td>
<td>Chesterfield Arts Centre</td>
<td>89</td>
</tr>
<tr>
<td>114</td>
<td>The National Indoor Arena</td>
<td>116</td>
</tr>
<tr>
<td>115</td>
<td>Salisbury City Hall</td>
<td>45</td>
</tr>
<tr>
<td>116</td>
<td>Minder Music</td>
<td>76</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Company ID</th>
<th>Company name</th>
<th>Number of employees</th>
</tr>
</tfoot>
</table>
</div>
<div class="spacer"></div>
<h2>Other examples</h2>
<ul>
<li><a href="default.html">Basic usage</a></li>
<li><a href="customFilters.html">Custom filters</a></li>
<li><a href="dateRange.html">Date ranges</a></li>
<li><a href="numberRange.html">Number ranges</a></li>
<li><a href="serverSide.html">Server-side filtering</a></li>
<li><a href="regex.html">Regular expression filtering</a></li>
<li><a href="multipleTables.html">Filtering applied on the multiple tables</a></li>
</ul>
<div id="footer" style="text-align:center;">
<span style="font-size:10px;">
DataTables Column Filter Add-on © Jovan Popovic 2011.<br>
DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> © 2007-2011<br>
</span>
</div>
</div>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手