File
Add library
Share
Login or Register
Help
HTMLSaved
 
<!DOCTYPE html>
<html>
  <head>
    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
​
    <link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
    <script src="https://nightly.datatables.net/js/jquery.dataTables.js"></script>
​
    <meta charset=utf-8 />
    <title>DataTables - JS Bin</title>
  </head>
  <body>
  <div style="float: left;">
                <table  id="table1" class="display nowrap">
                    <thead>
                        <tr>
                            <th colspan="2">Stati as of <?php echo (new \DateTime())->format('d.m.Y');?></th>
                        </tr>
                        <tr>
                            <th>Status</th>
                            <th>Quantity</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Initiation Open (IO)</td>
                            <td class="clickable" data-packages="<?php echo $init_open['packages']?>"><?php echo $init_open['number']?></td>
                        </tr>
                        <tr>
                            <td>Initiation Active (IA)</td>
                            <td class="clickable" data-packages="<?php echo $init_active['packages']?>"><?php echo $init_active['number']?></td>
                        </tr>
                        <tr>
                            <td>Evaluation (EV)</td>
                            <td class="clickable" data-packages="<?php echo $evaluation['packages']?>"><?php echo $evaluation['number']?></td>
                        </tr>
                        <tr>
                            <td>Decision (DE)</td>
                            <td class="clickable" data-packages="<?php echo $decision['packages']?>"><?php echo $decision['number']?></td>
                        </tr>
                        <tr>
                            <td>Implementation (IM)</td>
                            <td class="clickable" data-packages="<?php echo $implementation['packages']?>"><?php echo $implementation['number']?></td>
                        </tr>
                        <tr>
                            <td>Impl. Completed (IC)</td>
                            <td class="clickable" data-packages="<?php echo $implementation_completed['packages']?>"><?php echo $implementation_completed['number']?></td>
                        </tr>
                    </tbody>
                </table>
​
                </div>
                <div style="float: left">
                <table id="table2">
                    <thead>
                        <tr>
                            <th colspan="3">Phase shifts from <?php echo $from ." to " .$to?></th>
                        </tr>
                        <tr>
                            <th>Phase Shift</th>
                            <th>Quantity</th>
                            <th>Average CD</th>     
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>IO <i class="material-icons" style="font-size: 12px">arrow_forward</i> IA</td>
                            <td class="clickable" data-packages="<?php echo $pj_io_ia_p?>"><?php echo $pj_io_ia?></td>
                            <td><?php echo $pj_io_ia_avg?></td>
                        </tr>
                        <tr>
                            <td>IA <i class="material-icons" style="font-size: 12px">arrow_forward</i> EV</td>
                            <td class="clickable" data-packages="<?php echo $pj_ia_ev_p?>"><?php echo $pj_ia_ev?></td>
                            <td><?php echo $pj_ia_ev_avg?></td>
                        </tr>
                        <tr>
                            <td>EV <i class="material-icons" style="font-size: 12px">arrow_forward</i> DE</td>
                            <td class="clickable" data-packages="<?php echo $pj_ev_de_p?>"><?php echo $pj_ev_de?></td>
                            <td><?php echo $pj_ev_de_avg?></td>
                        </tr>
                        <tr>
                            <td>DE <i class="material-icons" style="font-size: 12px">arrow_forward</i> IM</td>
                            <td class="clickable" data-packages="<?php echo $pj_de_im_p?>"><?php echo $pj_de_im?></td>
                            <td><?php echo $pj_de_im_avg?></td>
                        </tr>
                    </tbody>
                </table>
                </div>
  </body>
</html>
CSSSaved
 
body {
  font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #333;
  background-color: #fff;
}
​
JavaScriptSaved
 
$(document).ready( function () {
   var table = $('#table1').DataTable({
       paging: false,
        select: {
            style: 'single'
        },
        columnDefs: [
            {
                targets:[0,1],
                orderable: false,
                searchable: false
            }
        ]
​
    });
​
    var table2 = $('#table2').DataTable({
        paging: false,
        columnDefs:[
            {
                targets:[0,1,2],
                orderable: false,
                searchable: false
            }
        ]
    });
} );
​
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers