amr_aly

html_file

Jul 19th, 2021
2,373
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.     <div class="container">
  2.         <button class="btn btn-outline-success" id="print" onclick="printData()">
  3.         Print
  4.         </button>
  5.     </div>
  6.  
  7.     <table class="fl-table" id="pdata">
  8.         <thead>
  9.             <tr>
  10.                 <th> الرقم </th>
  11.                 <th> utlisateur </th>
  12.                 <th> العدد </th>
  13.                 <th> التاريخ </th>
  14.                 <th> OBS </th>
  15.             </tr>
  16.         </thead>
  17.         {% for obj in qs %}
  18.             <tbody>
  19.                 <tr>
  20.                     <td>{{obj.id}} </td>
  21.                     <td>{{obj.utlisateur}} </td>
  22.                     <td>{{obj.coun_mat }} </td>
  23.                     <td>{{obj.date }} </td>
  24.                     <td>{{obj.OBS }}</td>
  25.                 </tr>
  26.             </tbody>
  27.         {% endfor %}
  28.  
  29.     </table>
  30.  
  31.  
  32.  
  33.  
  34. <script type="text/javascript">
  35.  
  36.     function printData() {
  37.     var divToPrint = document.getElementById('pdata');
  38.     var htmlToPrint = '' +
  39.     '<style type="text/css">' +
  40.     'table th, table td {' +
  41.     'border:1px solid #000;' +
  42.     'padding:0.5em;' +
  43.     'width:100%;' +
  44.     'white-space:nowrap;' + // this line to make the cells flixable
  45.     '}' +
  46.     'p {' +
  47.     'text-align: right' +
  48.     'margin-bottom:0;' +
  49.     'padding:0;' +
  50.     'line-height:12px;' +
  51.     'font-size:10px;' +
  52.     '}' +
  53.     '</style>';
  54.     htmlToPrint += divToPrint.outerHTML;
  55.     newWin = window.open("");
  56.     newWin.document.write(htmlToPrint);
  57.     newWin.print();
  58.     newWin.close();
  59.     }
  60.  
  61. </script>
RAW Paste Data