domingo, 29 de agosto de 2021

-datatable-data-to-excel-csv-pdf-copy-print

 https://techarise.com/export-jquery-datatable-data-to-excel-csv-pdf-copy-print/


https://www.phpzag.com/export-jquery-datatable-data-to-pdfexcelcsv-copy-with-php/

domingo, 22 de agosto de 2021

Html table

 <head>

<style>

* {

  font-family: sans-serif; /* Change your font family */

}


.content-table {

  border-collapse: collapse;

  margin: 25px 0;

  font-size: 0.9em;

  min-width: 400px;

  border-radius: 5px 5px 0 0;

  overflow: hidden;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);

}


.content-table thead tr {

  background-color: #009879;

  color: #ffffff;

  text-align: left;

  font-weight: bold;

}


.content-table th,

.content-table td {

  padding: 12px 15px;

}


.content-table tbody tr {

  border-bottom: 1px solid #dddddd;

}


.content-table tbody tr:nth-of-type(even) {

  background-color: #f3f3f3;

}


.content-table tbody tr:last-of-type {

  border-bottom: 2px solid #009879;

}


.content-table tbody tr.active-row {

  font-weight: bold;

  color: #009879;

}


</style>

</head>


<table class="content-table">

  <thead>

    <tr>

      <th>Rank</th>

      <th>Name</th>

      <th>Points</th>

      <th>Team</th>

    </tr>

  </thead>

  <tbody>

    <tr>

      <td>1</td>

      <td>Domenic</td>

      <td>88,110</td>

      <td>dcode</td>

    </tr>

    <tr class="active-row">

      <td>2</td>

      <td>Sally</td>

      <td>72,400</td>

      <td>Students</td>

    </tr>

    <tr>

      <td>3</td>

      <td>Nick</td>

      <td>52,300</td>

      <td>dcode</td>

    </tr>

  </tbody>

</table>


https://dev.to/dcodeyt/creating-beautiful-html-tables-with-css-428l