Commit 9a2d2020 authored by Rafael Ostertag's avatar Rafael Ostertag
Browse files

Added JQuery tablesorter.

parent 56ed40c0
......@@ -105,6 +105,53 @@ module.exports = function (grunt) {
}
]
},
jquery_tablesorter: {
files: [
{
cwd: 'bower_components/tablesorter/dist/js/',
src: [
'jquery.tablesorter.min.js'
],
expand: true,
dest: typo3_js,
flatten: true
},
{
cwd: 'bower_components/tablesorter/dist/css/',
src: [
'theme.default.min.css'
],
dest: typo3_css,
filter: 'isFile',
expand: true,
flatten: true
}
]
},
jquery_tablesorter_devel: {
files: [
{
cwd: 'bower_components/tablesorter/dist/js/',
src: [
'jquery.tablesorter.min.js'
],
expand: true,
dest: 'js/',
flatten: true
},
{
cwd: 'bower_components/tablesorter/dist/css/',
src: [
'theme.default.min.css'
],
dest: 'css/',
filter: 'isFile',
expand: true,
flatten: true
}
]
},
jqwidgets: {
files: [
{
......
......@@ -18,6 +18,7 @@
],
"dependencies": {
"bootstrap": "~3.3.6",
"jqwidgets": "*"
"jqwidgets": "*",
"tablesorter": "jquery.tablesorter#^2.25.6"
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../css/jqx.base.css">
<link rel="stylesheet" href="../css/jqx.darkblue.css">
<link rel="stylesheet" href="../css/theme.default.min.css">
<title>Tablesorter</title>
</head>
<body>
<table id="thetable" class="table">
<thead>
<tr>
<th>Head A</th>
<th>Head B</th>
<th>Head C</th>
<th>Head D</th>
<th>Head E</th>
<th>Head F</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>01.01.1970</td>
<td>SFr. -1.00</td>
<td>a</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>2</td>
<td>02.02.1970</td>
<td>SFr. 0.00</td>
<td>b</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>3</td>
<td>05.03.1970</td>
<td>SFr. 2.00</td>
<td>c</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>4</td>
<td>06.04.1970</td>
<td>SFr. 0.00</td>
<td>d</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>5</td>
<td>08.05.1970</td>
<td>SFr. 1.00</td>
<td>e</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>6</td>
<td>09.06.1970</td>
<td>SFr. 3.00</td>
<td>f</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>7</td>
<td>10.07.1970</td>
<td>SFr. 1.00</td>
<td>g</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>8</td>
<td>11.08.1970</td>
<td>SFr. 2.00</td>
<td>h</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>9</td>
<td>12.09.1970</td>
<td>SFr. 4.00</td>
<td>I</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>10</td>
<td>14.10.1970</td>
<td>SFr. 2.00</td>
<td>j</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>11</td>
<td>14.11.1970</td>
<td>SFr. 3.00</td>
<td>k</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>12</td>
<td>16.12.1970</td>
<td>SFr. 5.00</td>
<td>l</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>13</td>
<td>17.01.1970</td>
<td>SFr. 6.10</td>
<td>m</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>14</td>
<td>18.02.1970</td>
<td>SFr. 6.01</td>
<td>n</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>15</td>
<td>21.03.1970</td>
<td>SFr. 6.00</td>
<td>o</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jquery.tablesorter.min.js"></script>
<script src="../js/jqx-all.js"></script>
<script>
$(function() {
$("#thetable").tablesorter({
dateFormat : 'ddmmyyyy'
});
});
</script>
</body>
</html>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment