File
Login or Register via GitHub
<html lang="en"><head> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous"> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css" rel="stylesheet" > <link href="https://cdn.datatables.net/1.10.24/css/dataTables.bootstrap4.min.css" rel="stylesheet" > <link href="https://cdn.datatables.net/buttons/1.7.0/css/buttons.dataTables.min.css" rel="stylesheet" > <link href="/static/css/list.css" rel="stylesheet" > <link href="https://cdn.jsdelivr.net/npm/flatpickr@4.5.2/dist/flatpickr.min.css" type="text/css" media="all" rel="stylesheet"><link href="https://cdn.jsdelivr.net/npm/flatpickr@4.5.2/dist/themes/airbnb.css" type="text/css" media="all" rel="stylesheet"></head><body> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script> <div class="container"> <button> Export two tables to same PDF</button><div id="datatables"> <h5> Historique de l'utilisateur 2190 19 En période: à partir de 1 avril 2021 jusqu'à ce que 30 avril 2021 </h5></br> <table id='' class="display table table-striped table-bordered" style="width:100%"> <thead> <tr> <th>Prénom</th> <th>Nom de famille</th> <th>Commencer l'appel</th> <th>Durée l'appel (sec)</th> <th>Coûts appel</th> <th>Pays de destination</th> </tr> </thead> <tbody> <tr> <td>2190</td> <td>19</td> <td>16:24:55 , 08/04/2021</td> <td>30</td> <td>0,01 € </td> <td>Israel</td> </tr> <tr> <td>2190</td> <td>19</td> <td>16:25:29 , 08/04/2021</td> <td>170</td> <td>0,06 € </td> <td>Israel</td> </tr> <tr> <td>2190</td> <td>19</td> <td>19:10:09 , 19/04/2021</td> <td>60</td> <td>0,02 € </td> <td>Israel</td> </tr> <tr> <td>2190</td> <td>19</td> <td>19:38:40 , 19/04/2021</td> <td>30</td> <td>0,01 € </td> <td>Israel</td> </tr> <tr> <td>2190</td> <td>19</td> <td>19:39:19 , 19/04/2021</td> <td>32</td> <td>0,01 € </td> <td>Israel</td> </tr> <tr> <td>2190</td> <td>19</td> <td>11:01:40 , 21/04/2021</td> <td>2</td> <td>0 € </td> <td>Israel</td> </tr> </tbody> <tfoot> <tr> <th colspan="4" style="text-align:right">Total:</th> <th></th> </tr> </tfoot> </table> <h5> Historique de l'utilisateur 2311 31A En période: à partir de 1 avril 2021 jusqu'à ce que 30 avril 2021 </h5></br> <table id='' class="display table table-striped table-bordered" style="width:100%"> <thead> <tr> <th>Prénom</th> <th>Nom de famille</th> <th>Commencer l'appel</th> <th>Durée l'appel (sec)</th> <th>Coûts appel</th> <th>Pays de destination</th> </tr> </thead> <tbody> <tr> <td>2311</td> <td>31A</td> <td>08:43:19 , 01/04/2021</td> <td>101</td> <td>0,04 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>19:07:15 , 01/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>19:07:40 , 01/04/2021</td> <td>132</td> <td>0,09 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>15:39:10 , 02/04/2021</td> <td>142</td> <td>0,1 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>16:05:41 , 03/04/2021</td> <td>119</td> <td>0,08 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>18:45:48 , 04/04/2021</td> <td>1045</td> <td>0,78 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>14:18:55 , 05/04/2021</td> <td>178</td> <td>0,05 € </td> <td>France</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>14:22:55 , 05/04/2021</td> <td>45</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>18:40:34 , 08/04/2021</td> <td>951</td> <td>0,31 € </td> <td>France</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>08:21:13 , 10/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>08:21:29 , 10/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>08:22:44 , 10/04/2021</td> <td>0</td> <td>0 € </td> <td>invalid_number</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>08:23:14 , 10/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>08:26:33 , 10/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>08:26:56 , 10/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>08:28:35 , 10/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>08:28:57 , 10/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>18:42:35 , 11/04/2021</td> <td>79</td> <td>0,12 € </td> <td>France</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>10:08:09 , 13/04/2021</td> <td>146</td> <td>0,05 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>10:14:05 , 14/04/2021</td> <td>193</td> <td>0,14 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>13:28:06 , 14/04/2021</td> <td>511</td> <td>0,38 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>19:22:36 , 19/04/2021</td> <td>41</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>19:23:39 , 19/04/2021</td> <td>976</td> <td>0,72 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>20:50:16 , 27/04/2021</td> <td>208</td> <td>0,15 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>20:54:59 , 27/04/2021</td> <td>740</td> <td>0,55 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>18:26:09 , 29/04/2021</td> <td>47</td> <td>0,03 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>18:47:00 , 29/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>18:47:41 , 29/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2311</td> <td>31A</td> <td>18:48:24 , 29/04/2021</td> <td>1119</td> <td>0,36 € </td> <td>Belgium</td> </tr> </tbody> <tfoot> <tr> <th colspan="4" style="text-align:right">Total:</th> <th></th> </tr> </tfoot> </table> <h5> Historique de l'utilisateur 2430 43-Lit 1 En période: à partir de 1 avril 2021 jusqu'à ce que 30 avril 2021 </h5></br> <table id='' class="display table table-striped table-bordered" style="width:100%"> <thead> <tr> <th>Prénom</th> <th>Nom de famille</th> <th>Commencer l'appel</th> <th>Durée l'appel (sec)</th> <th>Coûts appel</th> <th>Pays de destination</th> </tr> </thead> <tbody> <tr> <td>2430</td> <td>43-Lit 1</td> <td>10:28:30 , 05/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>20:37:38 , 05/04/2021</td> <td>3515</td> <td>1,13 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>21:41:06 , 05/04/2021</td> <td>256</td> <td>0,08 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>15:31:52 , 06/04/2021</td> <td>2259</td> <td>0,73 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>16:17:52 , 06/04/2021</td> <td>397</td> <td>0,13 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>10:07:23 , 13/04/2021</td> <td>45</td> <td>0,01 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>10:11:39 , 13/04/2021</td> <td>172</td> <td>0,06 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>10:23:33 , 14/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>10:24:27 , 14/04/2021</td> <td>299</td> <td>0,09 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>10:30:29 , 14/04/2021</td> <td>541</td> <td>0,17 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>10:44:47 , 14/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>10:45:16 , 14/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>13:53:43 , 14/04/2021</td> <td>1283</td> <td>0,42 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>14:18:32 , 14/04/2021</td> <td>1572</td> <td>0,51 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>15:00:44 , 14/04/2021</td> <td>45</td> <td>0,01 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>15:02:10 , 14/04/2021</td> <td>432</td> <td>0,14 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>15:09:46 , 14/04/2021</td> <td>986</td> <td>0,32 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>15:29:33 , 14/04/2021</td> <td>345</td> <td>0,12 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>19:21:03 , 16/04/2021</td> <td>50</td> <td>0,01 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>15:01:54 , 19/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>15:33:37 , 19/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>20:22:07 , 20/04/2021</td> <td>2575</td> <td>0,83 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>15:29:55 , 21/04/2021</td> <td>1361</td> <td>1,01 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>18:30:05 , 21/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>18:31:01 , 21/04/2021</td> <td>407</td> <td>0,13 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>14:27:43 , 22/04/2021</td> <td>1548</td> <td>0,5 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>14:58:27 , 22/04/2021</td> <td>79</td> <td>0,02 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>15:21:50 , 22/04/2021</td> <td>177</td> <td>0,06 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>15:25:17 , 22/04/2021</td> <td>233</td> <td>0,08 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>15:45:24 , 22/04/2021</td> <td>567</td> <td>0,19 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>11:44:31 , 23/04/2021</td> <td>1139</td> <td>0,37 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>09:17:30 , 28/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>09:17:55 , 28/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>09:18:31 , 28/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>09:19:15 , 28/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>09:20:14 , 28/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>2430</td> <td>43-Lit 1</td> <td>09:21:07 , 28/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> </tbody> <tfoot> <tr> <th colspan="4" style="text-align:right">Total:</th> <th></th> </tr> </tfoot> </table> <h5> Historique de l'utilisateur 3205 205 En période: à partir de 1 avril 2021 jusqu'à ce que 30 avril 2021 </h5></br> <table id='' class="display table table-striped table-bordered" style="width:100%"> <thead> <tr> <th>Prénom</th> <th>Nom de famille</th> <th>Commencer l'appel</th> <th>Durée l'appel (sec)</th> <th>Coûts appel</th> <th>Pays de destination</th> </tr> </thead> <tbody> </tbody> <tfoot> <tr> <th colspan="4" style="text-align:right">Total:</th> <th></th> </tr> </tfoot> </table> <h5> Historique de l'utilisateur 3304 304-Lit 1 En période: à partir de 1 avril 2021 jusqu'à ce que 30 avril 2021 </h5></br> <table id='' class="display table table-striped table-bordered" style="width:100%"> <thead> <tr> <th>Prénom</th> <th>Nom de famille</th> <th>Commencer l'appel</th> <th>Durée l'appel (sec)</th> <th>Coûts appel</th> <th>Pays de destination</th> </tr> </thead> <tbody> <tr> <td>3304</td> <td>304-Lit 1</td> <td>19:57:47 , 05/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>3304</td> <td>304-Lit 1</td> <td>19:59:17 , 05/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>3304</td> <td>304-Lit 1</td> <td>20:46:18 , 29/04/2021</td> <td>0</td> <td>0 € </td> <td>invalid_number</td> </tr> <tr> <td>3304</td> <td>304-Lit 1</td> <td>20:53:35 , 29/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> <tr> <td>3304</td> <td>304-Lit 1</td> <td>20:54:31 , 29/04/2021</td> <td>0</td> <td>0 € </td> <td>Belgium</td> </tr> </tbody> <tfoot> <tr> <th colspan="4" style="text-align:right">Total:</th> <th></th> </tr> </tfoot> </table> <h5> Historique de l'utilisateur 3502 502 En période: à partir de 1 avril 2021 jusqu'à ce que 30 avril 2021 </h5></br> <table id='' class="display table table-striped table-bordered" style="width:100%"> <thead> <tr> <th>Prénom</th> <th>Nom de famille</th> <th>Commencer l'appel</th> <th>Durée l'appel (sec)</th> <th>Coûts appel</th> <th>Pays de destination</th> </tr> </thead> <tbody> </tbody> <tfoot> <tr> <th colspan="4" style="text-align:right">Total:</th> <th></th> </tr> </tfoot> </table> <table id='export-table' class="display' style="display:none"> <thead> <tr> <th>Prénom</th> <th>Nom de famille</th> <th>Commencer l'appel</th> <th>Durée l'appel (sec)</th> <th>Coûts appel</th> <th>Pays de destination</th> </tr> </thead> <tbody> </tbody> <tfoot> <tr> <th colspan="4" style="text-align:right">Total:</th> <th></th> </tr> </tfoot> </table></div> </div> <!-- /.container --> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/flatpickr@4.5.2/dist/flatpickr.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/gh/monim67/django-flatpickr@1.0.0/static/js/django-flatpickr.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/flatpickr@4.5.2/dist/l10n/nl.js"></script> <script src = "https://code.jquery.com/jquery-3.5.1.js"></script> <script src = "https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script> <script src = "https://cdn.datatables.net/1.10.24/js/dataTables.bootstrap4.min.js"></script> <script src = "https://cdn.datatables.net/buttons/1.7.0/js/dataTables.buttons.min.js"></script> <script src = "https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script> <script src = "https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script> <script src = "https://cdn.datatables.net/buttons/1.7.0/js/buttons.html5.min.js"></script> <script src = "https://cdn.datatables.net/buttons/1.7.0/js/buttons.print.min.js"></script> <script src="https://npmcdn.com/flatpickr/dist/l10n/fr.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.debug.js"></script></body></html>body { font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #333; background-color: #fff;}$(document).ready(function() { var userLang = navigator.language || navigator.userLanguage; $('#clear_choices').click( function() { $('input:checkbox').prop( "checked", false ); }); if (userLang == "fr-be") { url = 'https://cdn.datatables.net/plug-ins/1.10.24/i18n/French.json' } else { url = 'https://cdn.datatables.net/plug-ins/1.10.24/i18n/Dutch.json' } title = document.getElementsByTagName('h5') title = title[0].innerHTML $('table.display').DataTable( { language: { url: url }, "footerCallback": function ( row, data, start, end, display ) { var api = this.api(), data; // Remove the formatting to get integer data for summation var intVal = function ( i ) { return typeof i === 'string' ? i = parseFloat(i.replace(",", ".")): typeof i === 'number' ? i : 0; }; // Total over all pages total = api .column( 4 ) .data() .reduce( function (a, b) { return intVal(a) + intVal(b); }, 0 ); // Total over this page pageTotal = api .column( 4, { page: 'current'} ) .data() .reduce( function (a, b) { return intVal(a) + intVal(b); }, 0 ); // Update footer pageTotal = pageTotal.toFixed(2); total = total.toFixed(2); $( api.column( 4 ).footer() ).html( '€'+ total +' total' ); } } ); $('button').on('click', function() { var data_export = []; var table = $('.display').DataTable(); for (var i = 0; i < table.tables().context.length; i++) { console.log(i) $.merge( data_export, table.table(i).data()); } console.log(data_export) $('#export-table').DataTable({ dom: 'Bfrtip', data: data_export, buttons: [{ extend: 'pdfHtml5' }], drawCallback: function() { $('#export-table_wrapper .buttons-pdf').click() setTimeout(function() { $('#export-table').DataTable().destroy(false); }, 200) } }) }) ; } );
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. | |