<html lang="en">
<head>
<meta charset="utf-8">
<title>Liste für Support</title>
<meta name="description" content="Bootstrap.">
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.css"/>
<script src="https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.23/css/dataTables.bootstrap4.min.css"/>
<link rel="stylesheet" href="https://cdn.datatables.net/fixedcolumns/3.3.2/css/fixedColumns.bootstrap4.min.css"/>
<script src="https://cdn.datatables.net/fixedcolumns/3.3.2/js/dataTables.fixedColumns.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.6/js/dataTables.responsive.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.6/css/responsive.bootstrap4.min.css"/>
<script src="https://cdn.datatables.net/responsive/2.2.6/js/responsive.bootstrap4.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css"/>
<style>
</style>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-2" style="background-color:grey; height: 1720px;"></div>
<div class="col-8" style="background-color:lavender;">
<!-- <table id="datenliste" class="table-bordered" style="width:100%"> -->
<table id="datenliste" class="display table dt-responsive nowrap" style="width:100%">
<thead>
<tr>
<th>idee</th>
<th>ideethema</th>
<th>einreichdatum</th>
<th>bewertung</th>
<th>ausschuettung</th>
<th>abschluss</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="#" onclick="linkZumSubmit('5692')">2021/02265</a></td>
<td>453534543543</td>
<td>01.01.2021</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5691')">2021/02264</a></td>
<td>blablablablablablablablablablablablablablablablablablablablablablablablablablabla</td>
<td>01.01.2021</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5690')">2021/02263</a></td>
<td>ewee</td>
<td>01.01.2021</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5689')">2021/02262</a></td>
<td>sads</td>
<td>01.01.2021</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5688')">2020/02261</a></td>
<td>hmhm</td>
<td>31.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5687')">2020/02260</a></td>
<td>erwerewr</td>
<td>30.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5686')">2020/02259</a></td>
<td>rtert</td>
<td>30.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5685')">2020/02258</a></td>
<td>qwqwqwq</td>
<td>30.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5684')">2020/02257</a></td>
<td>qwqwqwq</td>
<td>30.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5683')">2020/02256</a></td>
<td>qwqwqwq</td>
<td>30.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5682')">2020/02255</a></td>
<td>qwqwqwq</td>
<td>30.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5681')">2020/02254</a></td>
<td>qwqwqwq</td>
<td>30.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5680')">2020/02253</a></td>
<td>qwqwqwq</td>
<td>30.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5679')">2020/02252</a></td>
<td>qwqwqwq</td>
<td>30.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5678')">2020/02251</a></td>
<td>errer</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5677')">2020/02250</a></td>
<td>rere</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5676')">2020/02249</a></td>
<td>sas</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5675')">2020/02248</a></td>
<td>sas</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5674')">2020/02247</a></td>
<td>we</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5673')">2020/02246</a></td>
<td>we</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5672')">2020/02245</a></td>
<td>w</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5671')">2020/02244</a></td>
<td>asasASasAS</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5670')">2020/02243</a></td>
<td>asasASasAS</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5666')">2020/02239</a></td>
<td>wqeqwe</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5665')">2020/02238</a></td>
<td>wqeqwe</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5664')">2020/02237</a></td>
<td>wqeqwe</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5663')">2020/02236</a></td>
<td>wqeqwe</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5662')">2020/02235</a></td>
<td>wqeqwe</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5661')">2020/02234</a></td>
<td>wqeqwe</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5660')">2020/02233</a></td>
<td>wqeqwe</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5659')">2020/02232</a></td>
<td>wqeqwe</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5658')">2020/02231</a></td>
<td>wqeqwe</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5657')">2020/02230</a></td>
<td>qwqw</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5656')">2020/02229</a></td>
<td>qwqw</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5655')">2020/02228</a></td>
<td>qwqw</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5654')">2020/02227</a></td>
<td>qwqw</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5653')">2020/02226</a></td>
<td>qwqw</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5652')">2020/02225</a></td>
<td>qwqw</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5651')">2020/02224</a></td>
<td>qwqw</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5638')">2020/02211</a></td>
<td>blablablablablablablablablablablablablablablablablablablablablablablablablablabla</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5637')">2020/02210</a></td>
<td>blablablablablablablablablablablablablablabla</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5636')">2020/02209</a></td>
<td>blablabla</td>
<td>29.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5635')">2020/02208</a></td>
<td>aaaaaaaaaaaa</td>
<td>28.12.2020</td>
<td> . . </td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5460')">2019/01963</a></td>
<td>Urinale bei kp</td>
<td>27.11.2019</td>
<td>27.05.2020</td>
<td>25</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('5238')">2017/01742</a></td>
<td>Lichtschranke Tor Einfahrt</td>
<td>12.05.2017</td>
<td>09.08.2018</td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('963')">2014/00963</a></td>
<td>Beamer Fernbedienung Schulungsraum Kantine</td>
<td>09.04.2014</td>
<td>30.04.2014</td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('620')">2012/00620</a></td>
<td>Solaranlage als Dach über dem grossen Mitarbeiterplatz</td>
<td>29.10.2012</td>
<td>05.02.2015</td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('619')">2012/00619</a></td>
<td>Solaranlage auf den verschiedenen Düchern der kp</td>
<td>29.10.2012</td>
<td>05.02.2015</td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('618')">2012/00618</a></td>
<td>Solaranlage als Dach über dem Parkplatz des Keuler Geb�udes</td>
<td>29.10.2012</td>
<td>05.02.2015</td>
<td>0</td>
<td> . . </td>
</tr>
<tr>
<td><a href="#" onclick="linkZumSubmit('53')">2008/00053</a></td>
<td>Lagerung Luftpolsterfolie</td>
<td>12.02.2008</td>
<td>10.04.2008</td>
<td>0</td>
<td> . . </td>
</tr>
</tbody>
<tfoot>
<tr>
<th>idee</th>
<th>ideethema</th>
<th>einreichdatum</th>
<th>bewertung</th>
<th>ausschuettung</th>
<th>abschluss</th>
</tr>
</tfoot>
</table>
</div>
<div class="col-2" style="background-color:grey;"></div>
</div>
</div>
</body>
</html>
th, td { white-space: nowrap; }
div.dataTables_wrapper {
width: 900px;
margin: 0 auto;
}
$(document).ready(function() {
var table = $('#datenliste').DataTable( {
scrollY: "300px",
scrollX: true,
scrollCollapse: true,
paging: true,
fixedColumns: true,
select: true,
responsive: true,
"language": {
"lengthMenu": "Zeige _MENU_ Einträge per Seite",
"zeroRecords": "es sind keine Daten vorhanden",
"info": "Auflistung Seite _PAGE_ von _PAGES_",
"infoEmpty": "keine Datensätze vorhanden",
"infoFiltered": "(gefiltert von _MAX_ Gesamteinträgen)",
"paginate": {
"first": "Erste",
"previous": "Zurück",
"next": "Nächste",
"last": "Letzte"
},
"search": "Suche:"
}
});
});
You can jump to the latest bin by adding /latest
to your URL
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + [ | Indents selected lines |
ctrl + ] | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Clone Bin |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |