mirror of
https://github.com/DataTables/DataTables.git
synced 2026-01-08 22:08:01 -05:00
DataTables 1.10.21 release
This commit is contained in:
90004
examples/ajax/data/data_10k.txt
Normal file
90004
examples/ajax/data/data_10k.txt
Normal file
File diff suppressed because it is too large
Load Diff
9004
examples/ajax/data/data_1k.txt
Normal file
9004
examples/ajax/data/data_1k.txt
Normal file
File diff suppressed because it is too large
Load Diff
450004
examples/ajax/data/data_50k.txt
Normal file
450004
examples/ajax/data/data_50k.txt
Normal file
File diff suppressed because it is too large
Load Diff
45004
examples/ajax/data/data_5k.txt
Normal file
45004
examples/ajax/data/data_5k.txt
Normal file
File diff suppressed because it is too large
Load Diff
460
examples/ajax/data/objects_salary.txt
Normal file
460
examples/ajax/data/objects_salary.txt
Normal file
@@ -0,0 +1,460 @@
|
||||
{
|
||||
"data": [
|
||||
{
|
||||
"name": "Tiger Nixon",
|
||||
"position": "System Architect",
|
||||
"salary": "320800",
|
||||
"start_date": "2011\/04\/25",
|
||||
"office": "Edinburgh",
|
||||
"extn": "5421"
|
||||
},
|
||||
{
|
||||
"name": "Garrett Winters",
|
||||
"position": "Accountant",
|
||||
"salary": "170750",
|
||||
"start_date": "2011\/07\/25",
|
||||
"office": "Tokyo",
|
||||
"extn": "8422"
|
||||
},
|
||||
{
|
||||
"name": "Ashton Cox",
|
||||
"position": "Junior Technical Author",
|
||||
"salary": "86000",
|
||||
"start_date": "2009\/01\/12",
|
||||
"office": "San Francisco",
|
||||
"extn": "1562"
|
||||
},
|
||||
{
|
||||
"name": "Cedric Kelly",
|
||||
"position": "Senior Javascript Developer",
|
||||
"salary": "433060",
|
||||
"start_date": "2012\/03\/29",
|
||||
"office": "Edinburgh",
|
||||
"extn": "6224"
|
||||
},
|
||||
{
|
||||
"name": "Airi Satou",
|
||||
"position": "Accountant",
|
||||
"salary": "162700",
|
||||
"start_date": "2008\/11\/28",
|
||||
"office": "Tokyo",
|
||||
"extn": "5407"
|
||||
},
|
||||
{
|
||||
"name": "Brielle Williamson",
|
||||
"position": "Integration Specialist",
|
||||
"salary": "372000",
|
||||
"start_date": "2012\/12\/02",
|
||||
"office": "New York",
|
||||
"extn": "4804"
|
||||
},
|
||||
{
|
||||
"name": "Herrod Chandler",
|
||||
"position": "Sales Assistant",
|
||||
"salary": "137500",
|
||||
"start_date": "2012\/08\/06",
|
||||
"office": "San Francisco",
|
||||
"extn": "9608"
|
||||
},
|
||||
{
|
||||
"name": "Rhona Davidson",
|
||||
"position": "Integration Specialist",
|
||||
"salary": "327900",
|
||||
"start_date": "2010\/10\/14",
|
||||
"office": "Tokyo",
|
||||
"extn": "6200"
|
||||
},
|
||||
{
|
||||
"name": "Colleen Hurst",
|
||||
"position": "Javascript Developer",
|
||||
"salary": "205500",
|
||||
"start_date": "2009\/09\/15",
|
||||
"office": "San Francisco",
|
||||
"extn": "2360"
|
||||
},
|
||||
{
|
||||
"name": "Sonya Frost",
|
||||
"position": "Software Engineer",
|
||||
"salary": "103600",
|
||||
"start_date": "2008\/12\/13",
|
||||
"office": "Edinburgh",
|
||||
"extn": "1667"
|
||||
},
|
||||
{
|
||||
"name": "Jena Gaines",
|
||||
"position": "Office Manager",
|
||||
"salary": "90560",
|
||||
"start_date": "2008\/12\/19",
|
||||
"office": "London",
|
||||
"extn": "3814"
|
||||
},
|
||||
{
|
||||
"name": "Quinn Flynn",
|
||||
"position": "Support Lead",
|
||||
"salary": "342000",
|
||||
"start_date": "2013\/03\/03",
|
||||
"office": "Edinburgh",
|
||||
"extn": "9497"
|
||||
},
|
||||
{
|
||||
"name": "Charde Marshall",
|
||||
"position": "Regional Director",
|
||||
"salary": "470600",
|
||||
"start_date": "2008\/10\/16",
|
||||
"office": "San Francisco",
|
||||
"extn": "6741"
|
||||
},
|
||||
{
|
||||
"name": "Haley Kennedy",
|
||||
"position": "Senior Marketing Designer",
|
||||
"salary": "313500",
|
||||
"start_date": "2012\/12\/18",
|
||||
"office": "London",
|
||||
"extn": "3597"
|
||||
},
|
||||
{
|
||||
"name": "Tatyana Fitzpatrick",
|
||||
"position": "Regional Director",
|
||||
"salary": "385750",
|
||||
"start_date": "2010\/03\/17",
|
||||
"office": "London",
|
||||
"extn": "1965"
|
||||
},
|
||||
{
|
||||
"name": "Michael Silva",
|
||||
"position": "Marketing Designer",
|
||||
"salary": "198500",
|
||||
"start_date": "2012\/11\/27",
|
||||
"office": "London",
|
||||
"extn": "1581"
|
||||
},
|
||||
{
|
||||
"name": "Paul Byrd",
|
||||
"position": "Chief Financial Officer (CFO)",
|
||||
"salary": "725000",
|
||||
"start_date": "2010\/06\/09",
|
||||
"office": "New York",
|
||||
"extn": "3059"
|
||||
},
|
||||
{
|
||||
"name": "Gloria Little",
|
||||
"position": "Systems Administrator",
|
||||
"salary": "237500",
|
||||
"start_date": "2009\/04\/10",
|
||||
"office": "New York",
|
||||
"extn": "1721"
|
||||
},
|
||||
{
|
||||
"name": "Bradley Greer",
|
||||
"position": "Software Engineer",
|
||||
"salary": "132000",
|
||||
"start_date": "2012\/10\/13",
|
||||
"office": "London",
|
||||
"extn": "2558"
|
||||
},
|
||||
{
|
||||
"name": "Dai Rios",
|
||||
"position": "Personnel Lead",
|
||||
"salary": "217500",
|
||||
"start_date": "2012\/09\/26",
|
||||
"office": "Edinburgh",
|
||||
"extn": "2290"
|
||||
},
|
||||
{
|
||||
"name": "Jenette Caldwell",
|
||||
"position": "Development Lead",
|
||||
"salary": "345000",
|
||||
"start_date": "2011\/09\/03",
|
||||
"office": "New York",
|
||||
"extn": "1937"
|
||||
},
|
||||
{
|
||||
"name": "Yuri Berry",
|
||||
"position": "Chief Marketing Officer (CMO)",
|
||||
"salary": "675000",
|
||||
"start_date": "2009\/06\/25",
|
||||
"office": "New York",
|
||||
"extn": "6154"
|
||||
},
|
||||
{
|
||||
"name": "Caesar Vance",
|
||||
"position": "Pre-Sales Support",
|
||||
"salary": "106450",
|
||||
"start_date": "2011\/12\/12",
|
||||
"office": "New York",
|
||||
"extn": "8330"
|
||||
},
|
||||
{
|
||||
"name": "Doris Wilder",
|
||||
"position": "Sales Assistant",
|
||||
"salary": "85600",
|
||||
"start_date": "2010\/09\/20",
|
||||
"office": "Sydney",
|
||||
"extn": "3023"
|
||||
},
|
||||
{
|
||||
"name": "Angelica Ramos",
|
||||
"position": "Chief Executive Officer (CEO)",
|
||||
"salary": "1200000",
|
||||
"start_date": "2009\/10\/09",
|
||||
"office": "London",
|
||||
"extn": "5797"
|
||||
},
|
||||
{
|
||||
"name": "Gavin Joyce",
|
||||
"position": "Developer",
|
||||
"salary": "92575",
|
||||
"start_date": "2010\/12\/22",
|
||||
"office": "Edinburgh",
|
||||
"extn": "8822"
|
||||
},
|
||||
{
|
||||
"name": "Jennifer Chang",
|
||||
"position": "Regional Director",
|
||||
"salary": "357650",
|
||||
"start_date": "2010\/11\/14",
|
||||
"office": "Argentina",
|
||||
"extn": "9239"
|
||||
},
|
||||
{
|
||||
"name": "Brenden Wagner",
|
||||
"position": "Software Engineer",
|
||||
"salary": "206850",
|
||||
"start_date": "2011\/06\/07",
|
||||
"office": "San Francisco",
|
||||
"extn": "1314"
|
||||
},
|
||||
{
|
||||
"name": "Fiona Green",
|
||||
"position": "Chief Operating Officer (COO)",
|
||||
"salary": "850000",
|
||||
"start_date": "2010\/03\/11",
|
||||
"office": "San Francisco",
|
||||
"extn": "2947"
|
||||
},
|
||||
{
|
||||
"name": "Shou Itou",
|
||||
"position": "Regional Marketing",
|
||||
"salary": "163000",
|
||||
"start_date": "2011\/08\/14",
|
||||
"office": "Tokyo",
|
||||
"extn": "8899"
|
||||
},
|
||||
{
|
||||
"name": "Michelle House",
|
||||
"position": "Integration Specialist",
|
||||
"salary": "95400",
|
||||
"start_date": "2011\/06\/02",
|
||||
"office": "Sydney",
|
||||
"extn": "2769"
|
||||
},
|
||||
{
|
||||
"name": "Suki Burks",
|
||||
"position": "Developer",
|
||||
"salary": "114500",
|
||||
"start_date": "2009\/10\/22",
|
||||
"office": "London",
|
||||
"extn": "6832"
|
||||
},
|
||||
{
|
||||
"name": "Prescott Bartlett",
|
||||
"position": "Technical Author",
|
||||
"salary": "145000",
|
||||
"start_date": "2011\/05\/07",
|
||||
"office": "London",
|
||||
"extn": "3606"
|
||||
},
|
||||
{
|
||||
"name": "Gavin Cortez",
|
||||
"position": "Team Leader",
|
||||
"salary": "235500",
|
||||
"start_date": "2008\/10\/26",
|
||||
"office": "San Francisco",
|
||||
"extn": "2860"
|
||||
},
|
||||
{
|
||||
"name": "Martena Mccray",
|
||||
"position": "Post-Sales support",
|
||||
"salary": "324050",
|
||||
"start_date": "2011\/03\/09",
|
||||
"office": "Edinburgh",
|
||||
"extn": "8240"
|
||||
},
|
||||
{
|
||||
"name": "Unity Butler",
|
||||
"position": "Marketing Designer",
|
||||
"salary": "85675",
|
||||
"start_date": "2009\/12\/09",
|
||||
"office": "San Francisco",
|
||||
"extn": "5384"
|
||||
},
|
||||
{
|
||||
"name": "Howard Hatfield",
|
||||
"position": "Office Manager",
|
||||
"salary": "164500",
|
||||
"start_date": "2008\/12\/16",
|
||||
"office": "San Francisco",
|
||||
"extn": "7031"
|
||||
},
|
||||
{
|
||||
"name": "Hope Fuentes",
|
||||
"position": "Secretary",
|
||||
"salary": "109850",
|
||||
"start_date": "2010\/02\/12",
|
||||
"office": "San Francisco",
|
||||
"extn": "6318"
|
||||
},
|
||||
{
|
||||
"name": "Vivian Harrell",
|
||||
"position": "Financial Controller",
|
||||
"salary": "452500",
|
||||
"start_date": "2009\/02\/14",
|
||||
"office": "San Francisco",
|
||||
"extn": "9422"
|
||||
},
|
||||
{
|
||||
"name": "Timothy Mooney",
|
||||
"position": "Office Manager",
|
||||
"salary": "136200",
|
||||
"start_date": "2008\/12\/11",
|
||||
"office": "London",
|
||||
"extn": "7580"
|
||||
},
|
||||
{
|
||||
"name": "Jackson Bradshaw",
|
||||
"position": "Director",
|
||||
"salary": "645750",
|
||||
"start_date": "2008\/09\/26",
|
||||
"office": "New York",
|
||||
"extn": "1042"
|
||||
},
|
||||
{
|
||||
"name": "Olivia Liang",
|
||||
"position": "Support Engineer",
|
||||
"salary": "234500",
|
||||
"start_date": "2011\/02\/03",
|
||||
"office": "Argentina",
|
||||
"extn": "2120"
|
||||
},
|
||||
{
|
||||
"name": "Bruno Nash",
|
||||
"position": "Software Engineer",
|
||||
"salary": "163500",
|
||||
"start_date": "2011\/05\/03",
|
||||
"office": "London",
|
||||
"extn": "6222"
|
||||
},
|
||||
{
|
||||
"name": "Sakura Yamamoto",
|
||||
"position": "Support Engineer",
|
||||
"salary": "139575",
|
||||
"start_date": "2009\/08\/19",
|
||||
"office": "Tokyo",
|
||||
"extn": "9383"
|
||||
},
|
||||
{
|
||||
"name": "Thor Walton",
|
||||
"position": "Developer",
|
||||
"salary": "98540",
|
||||
"start_date": "2013\/08\/11",
|
||||
"office": "New York",
|
||||
"extn": "8327"
|
||||
},
|
||||
{
|
||||
"name": "Finn Camacho",
|
||||
"position": "Support Engineer",
|
||||
"salary": "87500",
|
||||
"start_date": "2009\/07\/07",
|
||||
"office": "San Francisco",
|
||||
"extn": "2927"
|
||||
},
|
||||
{
|
||||
"name": "Serge Baldwin",
|
||||
"position": "Data Coordinator",
|
||||
"salary": "138575",
|
||||
"start_date": "2012\/04\/09",
|
||||
"office": "Argentina",
|
||||
"extn": "8352"
|
||||
},
|
||||
{
|
||||
"name": "Zenaida Frank",
|
||||
"position": "Software Engineer",
|
||||
"salary": "125250",
|
||||
"start_date": "2010\/01\/04",
|
||||
"office": "New York",
|
||||
"extn": "7439"
|
||||
},
|
||||
{
|
||||
"name": "Zorita Serrano",
|
||||
"position": "Software Engineer",
|
||||
"salary": "115000",
|
||||
"start_date": "2012\/06\/01",
|
||||
"office": "San Francisco",
|
||||
"extn": "4389"
|
||||
},
|
||||
{
|
||||
"name": "Jennifer Acosta",
|
||||
"position": "Junior Javascript Developer",
|
||||
"salary": "75650",
|
||||
"start_date": "2013\/02\/01",
|
||||
"office": "Edinburgh",
|
||||
"extn": "3431"
|
||||
},
|
||||
{
|
||||
"name": "Cara Stevens",
|
||||
"position": "Sales Assistant",
|
||||
"salary": "145600",
|
||||
"start_date": "2011\/12\/06",
|
||||
"office": "New York",
|
||||
"extn": "3990"
|
||||
},
|
||||
{
|
||||
"name": "Hermione Butler",
|
||||
"position": "Regional Director",
|
||||
"salary": "356250",
|
||||
"start_date": "2011\/03\/21",
|
||||
"office": "London",
|
||||
"extn": "1016"
|
||||
},
|
||||
{
|
||||
"name": "Lael Greer",
|
||||
"position": "Systems Administrator",
|
||||
"salary": "103500",
|
||||
"start_date": "2009\/02\/27",
|
||||
"office": "London",
|
||||
"extn": "6733"
|
||||
},
|
||||
{
|
||||
"name": "Jonas Alexander",
|
||||
"position": "Developer",
|
||||
"salary": "86500",
|
||||
"start_date": "2010\/07\/14",
|
||||
"office": "San Francisco",
|
||||
"extn": "8196"
|
||||
},
|
||||
{
|
||||
"name": "Shad Decker",
|
||||
"position": "Regional Director",
|
||||
"salary": "183000",
|
||||
"start_date": "2008\/11\/13",
|
||||
"office": "Edinburgh",
|
||||
"extn": "6373"
|
||||
},
|
||||
{
|
||||
"name": "Michael Bruce",
|
||||
"position": "Javascript Developer",
|
||||
"salary": "183000",
|
||||
"start_date": "2011\/06\/27",
|
||||
"office": "Argentina",
|
||||
"extn": "5384"
|
||||
},
|
||||
{
|
||||
"name": "Donna Snider",
|
||||
"position": "Customer Support",
|
||||
"salary": "112000",
|
||||
"start_date": "2011\/01\/25",
|
||||
"office": "New York",
|
||||
"extn": "4226"
|
||||
}
|
||||
]
|
||||
}
|
||||
582
examples/basic_init/data_rendering.html
Normal file
582
examples/basic_init/data_rendering.html
Normal file
@@ -0,0 +1,582 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
|
||||
<title>DataTables example - Data rendering</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
|
||||
<link rel="stylesheet" type="text/css" href="https://github.com/downloads/lafeber/world-flags-sprite/flags32.css">
|
||||
<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
|
||||
<link rel="stylesheet" type="text/css" href="../resources/demo.css">
|
||||
<style type="text/css" class="init">
|
||||
|
||||
.f32 .flag {
|
||||
vertical-align: middle;
|
||||
margin: -8px 0;
|
||||
}
|
||||
|
||||
progress {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
</style>
|
||||
<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
|
||||
<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
|
||||
<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
|
||||
<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
|
||||
<script type="text/javascript" language="javascript" class="init">
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#example').DataTable({
|
||||
ajax: '../ajax/data/objects_salary.txt',
|
||||
columns: [
|
||||
{
|
||||
data: 'name'
|
||||
},
|
||||
{
|
||||
data: 'position'
|
||||
},
|
||||
{
|
||||
className: 'f32', // used by world-flags-sprite library
|
||||
data: 'office',
|
||||
render: function(data, type) {
|
||||
if (type === 'display') {
|
||||
var country = '';
|
||||
|
||||
switch (data) {
|
||||
case 'Argentina':
|
||||
country = 'ar';
|
||||
break;
|
||||
case 'Edinburgh':
|
||||
country = '_Scotland';
|
||||
break;
|
||||
case 'London':
|
||||
country = '_England';
|
||||
break;
|
||||
case 'New York':
|
||||
case 'San Francisco':
|
||||
country = 'us';
|
||||
break;
|
||||
case 'Sydney':
|
||||
country = 'au';
|
||||
break;
|
||||
case 'Tokyo':
|
||||
country = 'jp';
|
||||
break;
|
||||
}
|
||||
|
||||
return '<span class="flag ' + country + '"></span> ' + data;
|
||||
}
|
||||
|
||||
return data;
|
||||
}
|
||||
},
|
||||
{
|
||||
data: 'extn',
|
||||
render: function(data, type, row, meta) {
|
||||
return type === 'display' ?
|
||||
'<progress value="' + data + '" max="9999"></progress>' :
|
||||
data;
|
||||
}
|
||||
},
|
||||
{
|
||||
data: "start_date"
|
||||
},
|
||||
{
|
||||
data: "salary",
|
||||
render: $.fn.dataTable.render.number( ',', '.', 2, '$' )
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body class="dt-example">
|
||||
<div class="container">
|
||||
<section>
|
||||
<h1>DataTables example <span>Data rendering</span></h1>
|
||||
<div class="info">
|
||||
<p>Data within DataTables can be easily rendered to add graphics or colour to your tables, as demonstrated in the example on this page. These examples make use of
|
||||
<a href="//datatables.net/reference/option/columns.render"><code class="option" title="DataTables initialisation option">columns.render</code></a> to customise the
|
||||
cells in three ways:</p>
|
||||
<ul class="markdown">
|
||||
<li>A flag is added to the <em>Office</em> column</li>
|
||||
<li>a HTML5 progress bar is added to the <em>Progress</em> column</li>
|
||||
<li>and the built-in number renderer is used for format the <em>Salary</em>.</li>
|
||||
</ul>
|
||||
<p>See the <a href="https://datatables.net/manual/data/renderers">data rendering manual page</a> for more details on how to use data renderers. Also, this example
|
||||
uses <a href="https://datatables.net/manual/ajax">Ajax to load the data</a>. More <a href="../ajax">Ajax examples are available</a>.</p>
|
||||
</div>
|
||||
<div class="demo-html"></div>
|
||||
<table id="example" class="display nowrap" style="width:100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Position</th>
|
||||
<th>Office</th>
|
||||
<th>Progress</th>
|
||||
<th>Start date</th>
|
||||
<th>Salary</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Position</th>
|
||||
<th>Office</th>
|
||||
<th>Progress</th>
|
||||
<th>Start date</th>
|
||||
<th>Salary</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
<ul class="tabs">
|
||||
<li class="active">Javascript</li>
|
||||
<li>HTML</li>
|
||||
<li>CSS</li>
|
||||
<li>Ajax</li>
|
||||
<li>Server-side script</li>
|
||||
</ul>
|
||||
<div class="tabs">
|
||||
<div class="js">
|
||||
<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
|
||||
$('#example').DataTable({
|
||||
ajax: '../ajax/data/objects_salary.txt',
|
||||
columns: [
|
||||
{
|
||||
data: 'name'
|
||||
},
|
||||
{
|
||||
data: 'position'
|
||||
},
|
||||
{
|
||||
className: 'f32', // used by world-flags-sprite library
|
||||
data: 'office',
|
||||
render: function(data, type) {
|
||||
if (type === 'display') {
|
||||
var country = '';
|
||||
|
||||
switch (data) {
|
||||
case 'Argentina':
|
||||
country = 'ar';
|
||||
break;
|
||||
case 'Edinburgh':
|
||||
country = '_Scotland';
|
||||
break;
|
||||
case 'London':
|
||||
country = '_England';
|
||||
break;
|
||||
case 'New York':
|
||||
case 'San Francisco':
|
||||
country = 'us';
|
||||
break;
|
||||
case 'Sydney':
|
||||
country = 'au';
|
||||
break;
|
||||
case 'Tokyo':
|
||||
country = 'jp';
|
||||
break;
|
||||
}
|
||||
|
||||
return '<span class="flag ' + country + '"></span> ' + data;
|
||||
}
|
||||
|
||||
return data;
|
||||
}
|
||||
},
|
||||
{
|
||||
data: 'extn',
|
||||
render: function(data, type, row, meta) {
|
||||
return type === 'display' ?
|
||||
'<progress value="' + data + '" max="9999"></progress>' :
|
||||
data;
|
||||
}
|
||||
},
|
||||
{
|
||||
data: "start_date"
|
||||
},
|
||||
{
|
||||
data: "salary",
|
||||
render: $.fn.dataTable.render.number( ',', '.', 2, '$' )
|
||||
}
|
||||
]
|
||||
});
|
||||
});</code>
|
||||
<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="table">
|
||||
<p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p>
|
||||
</div>
|
||||
<div class="css">
|
||||
<div>
|
||||
<p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The
|
||||
additional CSS used is shown below:</p><code class="multiline language-css">.f32 .flag {
|
||||
vertical-align: middle;
|
||||
margin: -8px 0;
|
||||
}
|
||||
|
||||
progress {
|
||||
width: 100%;
|
||||
}</code>
|
||||
</div>
|
||||
<p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/downloads/lafeber/world-flags-sprite/flags32.css">https://github.com/downloads/lafeber/world-flags-sprite/flags32.css</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="ajax">
|
||||
<p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is
|
||||
loaded.</p>
|
||||
</div>
|
||||
<div class="php">
|
||||
<p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side
|
||||
processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables
|
||||
documentation</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<section>
|
||||
<div class="footer">
|
||||
<div class="gradient"></div>
|
||||
<div class="liner">
|
||||
<h2>Other examples</h2>
|
||||
<div class="toc">
|
||||
<div class="toc-group">
|
||||
<h3><a href="./index.html">Basic initialisation</a></h3>
|
||||
<ul class="toc active">
|
||||
<li>
|
||||
<a href="./zero_configuration.html">Zero configuration</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./filter_only.html">Feature enable / disable</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./table_sorting.html">Default ordering (sorting)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./multi_col_sort.html">Multi-column ordering</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./multiple_tables.html">Multiple tables</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./hidden_columns.html">Hidden columns</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./complex_header.html">Complex headers (rowspan and colspan)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./dom.html">DOM positioning</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./flexible_width.html">Flexible table width</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./state_save.html">State saving</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="./data_rendering.html">Data rendering</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./alt_pagination.html">Alternative pagination</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./scroll_y.html">Scroll - vertical</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./scroll_y_dynamic.html">Scroll - vertical, dynamic height</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./scroll_x.html">Scroll - horizontal</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./scroll_xy.html">Scroll - horizontal and vertical</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./comma-decimal.html">Language - Comma decimal place</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./language.html">Language options</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="toc-group">
|
||||
<h3><a href="../advanced_init/index.html">Advanced initialisation</a></h3>
|
||||
<ul class="toc">
|
||||
<li>
|
||||
<a href="../advanced_init/events_live.html">DOM / jQuery events</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../advanced_init/dt_events.html">DataTables events</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../advanced_init/column_render.html">Column rendering</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../advanced_init/length_menu.html">Page length options</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../advanced_init/dom_multiple_elements.html">Multiple table control elements</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../advanced_init/complex_header.html">Complex headers with column visibility</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../advanced_init/object_dom_read.html">Read HTML to data objects</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../advanced_init/html5-data-attributes.html">HTML5 data-* attributes - cell data</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../advanced_init/html5-data-options.html">HTML5 data-* attributes - table options</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../advanced_init/language_file.html">Language file</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../advanced_init/defaults.html">Setting defaults</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../advanced_init/row_callback.html">Row created callback</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../advanced_init/row_grouping.html">Row grouping</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../advanced_init/footer_callback.html">Footer callback</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../advanced_init/dom_toolbar.html">Custom toolbar elements</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../advanced_init/sort_direction_control.html">Order direction sequence control</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="toc-group">
|
||||
<h3><a href="../styling/index.html">Styling</a></h3>
|
||||
<ul class="toc">
|
||||
<li>
|
||||
<a href="../styling/display.html">Base style</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../styling/no-classes.html">Base style - no styling classes</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../styling/cell-border.html">Base style - cell borders</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../styling/compact.html">Base style - compact</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../styling/hover.html">Base style - hover</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../styling/order-column.html">Base style - order-column</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../styling/row-border.html">Base style - row borders</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../styling/stripe.html">Base style - stripe</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../styling/bootstrap.html">Bootstrap 3</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../styling/foundation.html">Foundation</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../styling/semanticui.html">Semantic UI</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../styling/material.html">Material Design (Tech. preview)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="toc-group">
|
||||
<h3><a href="../data_sources/index.html">Data sources</a></h3>
|
||||
<ul class="toc">
|
||||
<li>
|
||||
<a href="../data_sources/dom.html">HTML (DOM) sourced data</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../data_sources/ajax.html">Ajax sourced data</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../data_sources/js_array.html">Javascript sourced data</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../data_sources/server_side.html">Server-side processing</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="toc-group">
|
||||
<h3><a href="../api/index.html">API</a></h3>
|
||||
<ul class="toc">
|
||||
<li>
|
||||
<a href="../api/add_row.html">Add rows</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../api/multi_filter.html">Individual column searching (text inputs)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../api/multi_filter_select.html">Individual column searching (select inputs)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../api/highlight.html">Highlighting rows and columns</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../api/row_details.html">Child rows (show extra / detailed information)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../api/select_row.html">Row selection (multiple rows)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../api/select_single_row.html">Row selection and deletion (single row)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../api/form.html">Form inputs</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../api/counter_columns.html">Index column</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../api/show_hide.html">Show / hide columns dynamically</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../api/api_in_init.html">Using API in callbacks</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../api/tabs_and_scrolling.html">Scrolling and Bootstrap tabs</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../api/regex.html">Search API (regular expressions)</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="toc-group">
|
||||
<h3><a href="../ajax/index.html">Ajax</a></h3>
|
||||
<ul class="toc">
|
||||
<li>
|
||||
<a href="../ajax/simple.html">Ajax data source (arrays)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../ajax/objects.html">Ajax data source (objects)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../ajax/deep.html">Nested object data (objects)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../ajax/objects_subarrays.html">Nested object data (arrays)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../ajax/orthogonal-data.html">Orthogonal data</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../ajax/null_data_source.html">Generated content for a column</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../ajax/custom_data_property.html">Custom data source property</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../ajax/custom_data_flat.html">Flat array data source</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../ajax/defer_render.html">Deferred rendering for speed</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="toc-group">
|
||||
<h3><a href="../server_side/index.html">Server-side</a></h3>
|
||||
<ul class="toc">
|
||||
<li>
|
||||
<a href="../server_side/simple.html">Server-side processing</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../server_side/custom_vars.html">Custom HTTP variables</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../server_side/post.html">POST data</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../server_side/ids.html">Automatic addition of row ID attributes</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../server_side/object_data.html">Object data source</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../server_side/row_details.html">Row details</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../server_side/select_rows.html">Row selection</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../server_side/jsonp.html">JSONP data source for remote domains</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../server_side/defer_loading.html">Deferred loading of data</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../server_side/pipeline.html">Pipelining data to reduce Ajax calls for paging</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="toc-group">
|
||||
<h3><a href="../plug-ins/index.html">Plug-ins</a></h3>
|
||||
<ul class="toc">
|
||||
<li>
|
||||
<a href="../plug-ins/api.html">API plug-in methods</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../plug-ins/sorting_auto.html">Ordering plug-ins (with type detection)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../plug-ins/sorting_manual.html">Ordering plug-ins (no type detection)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../plug-ins/range_filtering.html">Custom filtering - range search</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../plug-ins/dom_sort.html">Live DOM ordering</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="epilogue">
|
||||
<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
|
||||
Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
|
||||
"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
|
||||
<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2020<br>
|
||||
DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
73
examples/server_side/scripts/firebird.sql
Normal file
73
examples/server_side/scripts/firebird.sql
Normal file
@@ -0,0 +1,73 @@
|
||||
--
|
||||
-- DataTables Ajax and server-side processing database (Firebird 3)
|
||||
--
|
||||
CREATE TABLE "datatables_demo" (
|
||||
"id" integer generated by default as identity primary key,
|
||||
"first_name" varchar(250) default '' not null,
|
||||
"last_name" varchar(250) default '' not null,
|
||||
"position" varchar(250) default '' not null,
|
||||
"email" varchar(250) default '' not null,
|
||||
"office" varchar(250) default '' not null,
|
||||
"start_date" timestamp default NULL,
|
||||
"age" int,
|
||||
"salary" int,
|
||||
"seq" int,
|
||||
"extn" varchar(8) default '' not null
|
||||
);
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Tiger', 'Nixon', 61, 'System Architect', 320800, '25.Apr.2011', 5421, 't.nixon@datatables.net', 'Edinburgh', 2 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Garrett', 'Winters', 63, 'Accountant', 170750, '25.Jul.2011', 8422, 'g.winters@datatables.net', 'Tokyo', 22 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Ashton', 'Cox', 66, 'Junior Technical Author', 86000, '12.Jan.2009', 1562, 'a.cox@datatables.net', 'San Francisco', 6 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Cedric', 'Kelly', 22, 'Senior Javascript Developer', 433060, '29.Mar.2012', 6224, 'c.kelly@datatables.net', 'Edinburgh', 41 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Airi', 'Satou', 33, 'Accountant', 162700, '28.Nov.2008', 5407, 'a.satou@datatables.net', 'Tokyo', 55 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Brielle', 'Williamson', 61, 'Integration Specialist', 372000, '02.Dec.2012', 4804, 'b.williamson@datatables.net', 'New York', 21 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Herrod', 'Chandler', 59, 'Sales Assistant', 137500, '06.Aug.2012', 9608, 'h.chandler@datatables.net', 'San Francisco', 46 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Rhona', 'Davidson', 55, 'Integration Specialist', 327900, '14.Oct.2010', 6200, 'r.davidson@datatables.net', 'Tokyo', 50 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Colleen', 'Hurst', 39, 'Javascript Developer', 205500, '15.Sep.2009', 2360, 'c.hurst@datatables.net', 'San Francisco', 26 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Sonya', 'Frost', 23, 'Software Engineer', 103600, '13.Dec.2008', 1667, 's.frost@datatables.net', 'Edinburgh', 18 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Jena', 'Gaines', 30, 'Office Manager', 90560, '19.Dec.2008', 3814, 'j.gaines@datatables.net', 'London', 13 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Quinn', 'Flynn', 22, 'Support Lead', 342000, '03.Mar.2013', 9497, 'q.flynn@datatables.net', 'Edinburgh', 23 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Charde', 'Marshall', 36, 'Regional Director', 470600, '16.Oct.2008', 6741, 'c.marshall@datatables.net', 'San Francisco', 14 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Haley', 'Kennedy', 43, 'Senior Marketing Designer', 313500, '18.Dec.2012', 3597, 'h.kennedy@datatables.net', 'London', 12 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Tatyana', 'Fitzpatrick', 19, 'Regional Director', 385750, '17.Mar.2010', 1965, 't.fitzpatrick@datatables.net', 'London', 54 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Michael', 'Silva', 66, 'Marketing Designer', 198500, '27.Nov.2012', 1581, 'm.silva@datatables.net', 'London', 37 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Paul', 'Byrd', 64, 'Chief Financial Officer (CFO)', 725000, '09.Jun.2010', 3059, 'p.byrd@datatables.net', 'New York', 32 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Gloria', 'Little', 59, 'Systems Administrator', 237500, '10.Apr.2009', 1721, 'g.little@datatables.net', 'New York', 35 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Bradley', 'Greer', 41, 'Software Engineer', 132000, '13.Oct.2012', 2558, 'b.greer@datatables.net', 'London', 48 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Dai', 'Rios', 35, 'Personnel Lead', 217500, '26.Sep.2012', 2290, 'd.rios@datatables.net', 'Edinburgh', 45 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Jenette', 'Caldwell', 30, 'Development Lead', 345000, '03.Sep.2011', 1937, 'j.caldwell@datatables.net', 'New York', 17 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Yuri', 'Berry', 40, 'Chief Marketing Officer (CMO)', 675000, '25.Jun.2009', 6154, 'y.berry@datatables.net', 'New York', 57 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Caesar', 'Vance', 21, 'Pre-Sales Support', 106450, '12.Dec.2011', 8330, 'c.vance@datatables.net', 'New York', 29 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Doris', 'Wilder', 23, 'Sales Assistant', 85600, '20.Sep.2010', 3023, 'd.wilder@datatables.net', 'Sydney', 56 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Angelica', 'Ramos', 47, 'Chief Executive Officer (CEO)', 1200000, '09.Oct.2009', 5797, 'a.ramos@datatables.net', 'London', 36 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Gavin', 'Joyce', 42, 'Developer', 92575, '22.Dec.2010', 8822, 'g.joyce@datatables.net', 'Edinburgh', 5 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Jennifer', 'Chang', 28, 'Regional Director', 357650, '14.Nov.2010', 9239, 'j.chang@datatables.net', 'Singapore', 51 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Brenden', 'Wagner', 28, 'Software Engineer', 206850, '07.Jun.2011', 1314, 'b.wagner@datatables.net', 'San Francisco', 20 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Fiona', 'Green', 48, 'Chief Operating Officer (COO)', 850000, '11.Mar.2010', 2947, 'f.green@datatables.net', 'San Francisco', 7 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Shou', 'Itou', 20, 'Regional Marketing', 163000, '14.Aug.2011', 8899, 's.itou@datatables.net', 'Tokyo', 1 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Michelle', 'House', 37, 'Integration Specialist', 95400, '02.Jun.2011', 2769, 'm.house@datatables.net', 'Sydney', 39 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Suki', 'Burks', 53, 'Developer', 114500, '22.Oct.2009', 6832, 's.burks@datatables.net', 'London', 40 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Prescott', 'Bartlett', 27, 'Technical Author', 145000, '07.May.2011', 3606, 'p.bartlett@datatables.net', 'London', 47 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Gavin', 'Cortez', 22, 'Team Leader', 235500, '26.Oct.2008', 2860, 'g.cortez@datatables.net', 'San Francisco', 52 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Martena', 'Mccray', 46, 'Post-Sales support', 324050, '09.Mar.2011', 8240, 'm.mccray@datatables.net', 'Edinburgh', 8 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Unity', 'Butler', 47, 'Marketing Designer', 85675, '09.Dec.2009', 5384, 'u.butler@datatables.net', 'San Francisco', 24 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Howard', 'Hatfield', 51, 'Office Manager', 164500, '16.Dec.2008', 7031, 'h.hatfield@datatables.net', 'San Francisco', 38 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Hope', 'Fuentes', 41, 'Secretary', 109850, '12.Feb.2010', 6318, 'h.fuentes@datatables.net', 'San Francisco', 53 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Vivian', 'Harrell', 62, 'Financial Controller', 452500, '14.Feb.2009', 9422, 'v.harrell@datatables.net', 'San Francisco', 30 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Timothy', 'Mooney', 37, 'Office Manager', 136200, '11.Dec.2008', 7580, 't.mooney@datatables.net', 'London', 28 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Jackson', 'Bradshaw', 65, 'Director', 645750, '26.Sep.2008', 1042, 'j.bradshaw@datatables.net', 'New York', 34 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Olivia', 'Liang', 64, 'Support Engineer', 234500, '03.Feb.2011', 2120, 'o.liang@datatables.net', 'Singapore', 4 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Bruno', 'Nash', 38, 'Software Engineer', 163500, '03.May.2011', 6222, 'b.nash@datatables.net', 'London', 3 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Sakura', 'Yamamoto', 37, 'Support Engineer', 139575, '19.Aug.2009', 9383, 's.yamamoto@datatables.net', 'Tokyo', 31 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Thor', 'Walton', 61, 'Developer', 98540, '11.Aug.2013', 8327, 't.walton@datatables.net', 'New York', 11 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Finn', 'Camacho', 47, 'Support Engineer', 87500, '07.Jul.2009', 2927, 'f.camacho@datatables.net', 'San Francisco', 10 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Serge', 'Baldwin', 64, 'Data Coordinator', 138575, '09.Apr.2012', 8352, 's.baldwin@datatables.net', 'Singapore', 44 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Zenaida', 'Frank', 63, 'Software Engineer', 125250, '04.Jan.2010', 7439, 'z.frank@datatables.net', 'New York', 42 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Zorita', 'Serrano', 56, 'Software Engineer', 115000, '01.Jun.2012', 4389, 'z.serrano@datatables.net', 'San Francisco', 27 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Jennifer', 'Acosta', 43, 'Junior Javascript Developer', 75650, '01.Feb.2013', 3431, 'j.acosta@datatables.net', 'Edinburgh', 49 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Cara', 'Stevens', 46, 'Sales Assistant', 145600, '06.Dec.2011', 3990, 'c.stevens@datatables.net', 'New York', 15 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Hermione', 'Butler', 47, 'Regional Director', 356250, '21.Mar.2011', 1016, 'h.butler@datatables.net', 'London', 9 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Lael', 'Greer', 21, 'Systems Administrator', 103500, '27.Feb.2009', 6733, 'l.greer@datatables.net', 'London', 25 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Jonas', 'Alexander', 30, 'Developer', 86500, '14.Jul.2010', 8196, 'j.alexander@datatables.net', 'San Francisco', 33 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Shad', 'Decker', 51, 'Regional Director', 183000, '13.Nov.2008', 6373, 's.decker@datatables.net', 'Edinburgh', 43 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Michael', 'Bruce', 29, 'Javascript Developer', 183000, '27.Jun.2011', 5384, 'm.bruce@datatables.net', 'Singapore', 16 );
|
||||
INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Donna', 'Snider', 27, 'Customer Support', 112000, '25.Jan.2011', 4226, 'd.snider@datatables.net', 'New York', 19 );
|
||||
Reference in New Issue
Block a user