Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
- <link href="http:////cdn.datatables.net/plug-ins/a5734b29083/integration/bootstrap/3/dataTables.bootstrap.css" rel="stylesheet">
- <link href="http://cdn.datatables.net/responsive/1.0.1/css/dataTables.responsive.css" rel="stylesheet">
- <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
- <script src="http:////cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script>
- <script src="http:////cdn.datatables.net/responsive/1.0.1/js/dataTables.responsive.min.js"></script>
- <script src="http://cdn.datatables.net/plug-ins/a5734b29083/integration/bootstrap/3/dataTables.bootstrap.js"></script>
- <table id="example" class="table table-striped table-hover dt-responsive" cellspacing="0" width="100%">
- <thead>
- <tr>
- <th>First name</th>
- <th>Last name</th>
- <th>Position</th>
- <th>Office</th>
- <th>Age</th>
- <th>Start date</th>
- <th>Salary</th>
- <th>Extn.</th>
- <th>E-mail</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Quinn</td>
- <td>Flynn</td>
- <td>Support Lead</td>
- <td>Edinburgh</td>
- <td>22</td>
- <td>2013/03/03</td>
- <td>$342,000</td>
- <td>9497</td>
- <td>q.flynn@datatables.net</td>
- </tr>
- <tr>
- <td>Quinn</td>
- <td>Flynn</td>
- <td>Support Lead</td>
- <td>Edinburgh</td>
- <td>22</td>
- <td>2013/03/03</td>
- <td>$342,000</td>
- <td>9497</td>
- <td>q.flynn@datatables.net</td>
- </tr>
- <tr>
- <td>Quinn</td>
- <td>Flynn</td>
- <td>Support Lead</td>
- <td>Edinburgh</td>
- <td>22</td>
- <td>2013/03/03</td>
- <td>$342,000</td>
- <td>9497</td>
- <td>q.flynn@datatables.net</td>
- </tr>
- </tbody>
- </table>
- <script>
- $(document).ready(function() {
- $('#example').dataTable({
- responsive: true
- });
- });
- </script>
- <div class="row">
- <div class="col-md-12">
- <table id="example" class="table table-striped table-hover dt-responsive" cellspacing="0" width="90%">
- <thead>
- <tr>
- <th>First name</th>
- <th>Last name</th>
- <th>Position</th>
- <th>Office</th>
- <th>Age</th>
- <th>Start date</th>
- <th>Salary</th>
- <th>Extn.</th>
- <th>E-mail</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Quinn</td>
- <td>Flynn</td>
- <td>Support Lead</td>
- <td>Edinburgh</td>
- <td>22</td>
- <td>2013/03/03</td>
- <td>$342,000</td>
- <td>9497</td>
- <td>q.flynn@datatables.net</td>
- </tr>
- <tr>
- <td>Quinn</td>
- <td>Flynn</td>
- <td>Support Lead</td>
- <td>Edinburgh</td>
- <td>22</td>
- <td>2013/03/03</td>
- <td>$342,000</td>
- <td>9497</td>
- <td>q.flynn@datatables.net</td>
- </tr>
- <tr>
- <td>Quinn</td>
- <td>Flynn</td>
- <td>Support Lead</td>
- <td>Edinburgh</td>
- <td>22</td>
- <td>2013/03/03</td>
- <td>$342,000</td>
- <td>9497</td>
- <td>q.flynn@datatables.net</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- body { font-size: 140%
- }
- .row{
- border:1px solid black;
- }
- table.dataTable th,
- table.dataTable td {
- white-space: nowrap;
- }
- $(document).ready(function() {
- $('#example').DataTable();
- } );
- link href="http:////cdn.datatables......
- link href="http://cdn.datatables......
- $(document).ready(function() {
- $('#example').DataTable();
- } );
- <script>
- $(document).ready(function() {
- $('#example').dataTable({
- responsive: true
- });
- });
- </script>
- <link href="http://cdn.datatables.net/responsive/1.0.1/css/dataTables.responsive.css" rel="stylesheet">
- responsive.dataTables.css
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement