SHARE
TWEET

Untitled

a guest Oct 3rd, 2017 374 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
  2.     <link href="http:////cdn.datatables.net/plug-ins/a5734b29083/integration/bootstrap/3/dataTables.bootstrap.css" rel="stylesheet">
  3.     <link href="http://cdn.datatables.net/responsive/1.0.1/css/dataTables.responsive.css" rel="stylesheet">
  4.    
  5. <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
  6.     <script src="http:////cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script>
  7.     <script src="http:////cdn.datatables.net/responsive/1.0.1/js/dataTables.responsive.min.js"></script>
  8.     <script src="http://cdn.datatables.net/plug-ins/a5734b29083/integration/bootstrap/3/dataTables.bootstrap.js"></script>
  9.    
  10. <table id="example" class="table table-striped table-hover dt-responsive" cellspacing="0" width="100%">
  11.             <thead>
  12.                 <tr>
  13.                     <th>First name</th>
  14.                     <th>Last name</th>
  15.                     <th>Position</th>
  16.                     <th>Office</th>
  17.                     <th>Age</th>
  18.                     <th>Start date</th>
  19.                     <th>Salary</th>
  20.                     <th>Extn.</th>
  21.                     <th>E-mail</th>
  22.                 </tr>
  23.             </thead>
  24.             <tbody>
  25.                 <tr>
  26.                     <td>Quinn</td>
  27.                     <td>Flynn</td>
  28.                     <td>Support Lead</td>
  29.                     <td>Edinburgh</td>
  30.                     <td>22</td>
  31.                     <td>2013/03/03</td>
  32.                     <td>$342,000</td>
  33.                     <td>9497</td>
  34.                     <td>q.flynn@datatables.net</td>
  35.                 </tr>
  36.                 <tr>
  37.                     <td>Quinn</td>
  38.                     <td>Flynn</td>
  39.                     <td>Support Lead</td>
  40.                     <td>Edinburgh</td>
  41.                     <td>22</td>
  42.                     <td>2013/03/03</td>
  43.                     <td>$342,000</td>
  44.                     <td>9497</td>
  45.                     <td>q.flynn@datatables.net</td>
  46.                 </tr>
  47.                 <tr>
  48.                     <td>Quinn</td>
  49.                     <td>Flynn</td>
  50.                     <td>Support Lead</td>
  51.                     <td>Edinburgh</td>
  52.                     <td>22</td>
  53.                     <td>2013/03/03</td>
  54.                     <td>$342,000</td>
  55.                     <td>9497</td>
  56.                     <td>q.flynn@datatables.net</td>
  57.                 </tr>
  58.             </tbody>
  59.         </table>
  60.    
  61. <script>
  62.         $(document).ready(function() {
  63.             $('#example').dataTable({
  64.                 responsive: true
  65.             });
  66.         });
  67.     </script>
  68.    
  69. <div class="row">
  70. <div class="col-md-12">
  71. <table id="example" class="table table-striped table-hover dt-responsive" cellspacing="0" width="90%">
  72.             <thead>
  73.                 <tr>
  74.                     <th>First name</th>
  75.                     <th>Last name</th>
  76.                     <th>Position</th>
  77.                     <th>Office</th>
  78.                     <th>Age</th>
  79.                     <th>Start date</th>
  80.                     <th>Salary</th>
  81.                     <th>Extn.</th>
  82.                     <th>E-mail</th>
  83.                 </tr>
  84.             </thead>
  85.             <tbody>
  86.                 <tr>
  87.                     <td>Quinn</td>
  88.                     <td>Flynn</td>
  89.                     <td>Support Lead</td>
  90.                     <td>Edinburgh</td>
  91.                     <td>22</td>
  92.                     <td>2013/03/03</td>
  93.                     <td>$342,000</td>
  94.                     <td>9497</td>
  95.                     <td>q.flynn@datatables.net</td>
  96.                 </tr>
  97.                 <tr>
  98.                     <td>Quinn</td>
  99.                     <td>Flynn</td>
  100.                     <td>Support Lead</td>
  101.                     <td>Edinburgh</td>
  102.                     <td>22</td>
  103.                     <td>2013/03/03</td>
  104.                     <td>$342,000</td>
  105.                     <td>9497</td>
  106.                     <td>q.flynn@datatables.net</td>
  107.                 </tr>
  108.                 <tr>
  109.                     <td>Quinn</td>
  110.                     <td>Flynn</td>
  111.                     <td>Support Lead</td>
  112.                     <td>Edinburgh</td>
  113.                     <td>22</td>
  114.                     <td>2013/03/03</td>
  115.                     <td>$342,000</td>
  116.                     <td>9497</td>
  117.                     <td>q.flynn@datatables.net</td>
  118.                 </tr>
  119.             </tbody>
  120.         </table>
  121.     </div>
  122. </div>
  123.    
  124. body { font-size: 140%
  125. }
  126. .row{
  127.         border:1px solid black;
  128. }    
  129. table.dataTable th,
  130. table.dataTable td {
  131.         white-space: nowrap;
  132. }
  133.    
  134. $(document).ready(function() {
  135.     $('#example').DataTable();
  136. } );
  137.    
  138. link href="http:////cdn.datatables......
  139.    
  140. link href="http://cdn.datatables......
  141.    
  142. $(document).ready(function() {
  143.     $('#example').DataTable();
  144. } );
  145.    
  146. <script>
  147.         $(document).ready(function() {
  148.             $('#example').dataTable({
  149.                 responsive: true
  150.             });
  151.         });
  152.     </script>
  153.    
  154. <link href="http://cdn.datatables.net/responsive/1.0.1/css/dataTables.responsive.css" rel="stylesheet">
  155.    
  156. responsive.dataTables.css
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top