<!DOCTYPE html>   
<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:"  
            }
    });
    
});
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers