Skip to content

A
Asistencia
Commit c27a52a8 by Billy Larru
Options

corregido problema de datatable responsive

parent 749d6df8
Showing with 50 additions and 19 deletions
src/main/webapp/css/general.css
...@@ -26,10 +26,13 @@ btn-green{ ...@@ -26,10 +26,13 @@ btn-green{
} }
.text-azul{
color: blue;
/*font-weight: bold;*/
}
/******/
.fix-label{ .fix-label{
width: 100%; width: 100%;
text-align: left; text-align: left;
...@@ -230,3 +233,26 @@ btn-green{ ...@@ -230,3 +233,26 @@ btn-green{
table.display tbody tr:hover td { table.display tbody tr:hover td {
background-color: #B0B8B7 !important; background-color: #B0B8B7 !important;
} }
.datatable-scroll{
border-top: 1px solid #bbbbbb9c;
border-bottom: 0px;
}
.dataTables_info {
float: left;
padding: 13px 0;
margin-bottom: 0px;
}
.dataTables_paginate {
margin: 5px 0 5px 0;
}
.table-xxs > thead > tr > th, .table-xxs > tbody > tr > th, .table-xxs > tfoot > tr > th, .table-xxs > thead > tr > td, .table-xxs > tbody > tr > td, .table-xxs > tfoot > tr > td {
padding: 3px 15px;
}
.table-sm > thead > tr > th, .table-sm > tbody > tr > th, .table-sm > tfoot > tr > th, .table-sm > thead > tr > td, .table-sm > tbody > tr > td, .table-sm > tfoot > tr > td {
padding: 5px 15px;
}
.table{
width: 100% !important;
}
\ No newline at end of file
src/main/webapp/vistas/montoPolicias.jsp
...@@ -74,19 +74,20 @@ ...@@ -74,19 +74,20 @@
<th class="text-center">Horario</th> <th class="text-center">Horario</th>
<th class="text-center">Fecha de entrada</th> <th class="text-center">Fecha de entrada</th>
<th class="text-center">Marcación de entrada</th> <th class="text-center">Marcación de entrada</th>
<th class="text-center">Fecha de salida</th>
<th class="text-center">Marcación de salida</th> <th class="text-center">Marcación de salida</th>
<th class="text-center">Fecha de salida</th>
<th class="text-center">Tipo de horario</th> <th class="text-center">Tipo de horario</th>
<th class="text-center">Costo hora(S/.)</th> <th class="text-center">Costo hora</th>
<th class="text-center">Tiempo laborado</th> <th class="text-center">Tiempo laborado</th>
<th class="text-center">Monto(S/.)</th> <th class="text-center">Monto</th>
<th class="text-center">Dcto por no marcar</th>
<th class="text-center">Tiempo extra</th> <th class="text-center">Tiempo extra</th>
<th class="text-center">Monto extras(S/.)</th> <th class="text-center">Monto extras</th>
<th class="text-center">Estado extras</th> <th class="text-center">Estado extras</th>
<th class="text-center"> <th class="text-center">
<input type="checkbox" id="extras-select-all" class="checker border-primary-600 text-primary-800"> <input type="checkbox" id="extras-select-all" class="checker border-primary-600 text-primary-800">
</th> </th>
<th class="text-center">Monto total(S/.)</th> <th class="text-center">Monto total</th>
</tr> </tr>
</thead> </thead>
...@@ -96,17 +97,18 @@ ...@@ -96,17 +97,18 @@
<td class="text-center">VILLA EL SALVADOR</td> <td class="text-center">VILLA EL SALVADOR</td>
<td class="text-center">07:00 - 17:00</td> <td class="text-center">07:00 - 17:00</td>
<td class="text-center">12/07/2018</td> <td class="text-center">12/07/2018</td>
<td class="text-center">07:21</td> <td class="text-center" style="color: #999999;"><strong>07:21</strong></td>
<td class="text-center">12/07/2018</td>
<td class="text-center">17:38</td> <td class="text-center">17:38</td>
<td class="text-center">12/07/2018</td>
<td class="text-center"> <td class="text-center">
<span class="label bg-slate border-slate-700" title="REGULAR">REGULAR</span> <span class="label bg-slate border-slate-700" title="REGULAR">REGULAR</span>
</td> </td>
<td class="text-center">8.50</td> <td class="text-center">8.50</td>
<td class="text-center">10:00</td> <td class="text-center">10:00</td>
<td class="text-center">85.00</td> <td class="text-center text-blue">85.00</td>
<td class="text-center text-danger">17.00</td>
<td class="text-center">00:38</td> <td class="text-center">00:38</td>
<td class="text-center">0.00</td> <td class="text-center text-blue">0.00</td>
<td class="text-center"> <td class="text-center">
<span class="label label-danger border-danger-700" title="ANULADO">DESAPROBADO</span> <span class="label label-danger border-danger-700" title="ANULADO">DESAPROBADO</span>
</td> </td>
...@@ -122,16 +124,17 @@ ...@@ -122,16 +124,17 @@
<td class="text-center">07:00 - 07:00</td> <td class="text-center">07:00 - 07:00</td>
<td class="text-center">12/07/2018</td> <td class="text-center">12/07/2018</td>
<td class="text-center">06:59</td> <td class="text-center">06:59</td>
<td class="text-center">13/07/2018</td>
<td class="text-center">07:13</td> <td class="text-center">07:13</td>
<td class="text-center">13/07/2018</td>
<td class="text-center"> <td class="text-center">
<span class="label bg-teal border-teal-700" title="REGULAR">AMANECIDA 24H</span> <span class="label bg-teal border-teal-700" title="REGULAR">AMANECIDA 24H</span>
</td> </td>
<td class="text-center">8.50</td> <td class="text-center">8.50</td>
<td class="text-center">24:00</td> <td class="text-center">24:00</td>
<td class="text-center">200.00</td> <td class="text-center text-blue">200.00</td>
<td class="text-center text-danger">0.00</td>
<td class="text-center">00:00</td> <td class="text-center">00:00</td>
<td class="text-center">0.00</td> <td class="text-center text-blue">0.00</td>
<td class="text-center"> <td class="text-center">
<span class="label label-success border-success-700" title="ANULADO">APROBADO</span> <span class="label label-success border-success-700" title="ANULADO">APROBADO</span>
</td> </td>
...@@ -147,16 +150,17 @@ ...@@ -147,16 +150,17 @@
<td class="text-center">19:00 - 07:00</td> <td class="text-center">19:00 - 07:00</td>
<td class="text-center">12/07/2018</td> <td class="text-center">12/07/2018</td>
<td class="text-center">07:00</td> <td class="text-center">07:00</td>
<td class="text-center">12/07/2018</td>
<td class="text-center">07:00</td> <td class="text-center">07:00</td>
<td class="text-center">12/07/2018</td>
<td class="text-center"> <td class="text-center">
<span class="label bg-brown border-brown-700" title="AMANECIDA 24H">AMANECIDA 12H</span> <span class="label bg-brown border-brown-700" title="AMANECIDA 24H">AMANECIDA 12H</span>
</td> </td>
<td class="text-center">8.50</td> <td class="text-center">8.50</td>
<td class="text-center">10:00</td> <td class="text-center">10:00</td>
<td class="text-center">85.00</td> <td class="text-center text-blue">85.00</td>
<td class="text-center text-danger">0.00</td>
<td class="text-center">00:00</td> <td class="text-center">00:00</td>
<td class="text-center">0.00</td> <td class="text-center text-blue">0.00</td>
<td class="text-center"> <td class="text-center">
<span class="label label-success border-success-700" title="APROBADO">APROBADO</span> <span class="label label-success border-success-700" title="APROBADO">APROBADO</span>
</td> </td>
...@@ -315,9 +319,9 @@ ...@@ -315,9 +319,9 @@
"paging": false, "paging": false,
// "iDisplayLength": 20, // "iDisplayLength": 20,
"columnDefs": [ "columnDefs": [
{targets: 0, orderable: false, width: "3%", className: "text-center"}, {targets: 0, orderable: false, width: "1%", className: "text-center"},
{targets: 1, orderable: false, width: "15%", className: "text-center"}, {targets: 1, orderable: false, width: "15%", className: "text-center"},
{targets: 2, orderable: false, width: "8%", className: "text-center"}, {targets: 2, orderable: false, width: "12%", className: "text-center"},
{targets: 3, orderable: false, width: "8%", className: "text-center"}, {targets: 3, orderable: false, width: "8%", className: "text-center"},
{targets: 4, orderable: false, width: "8%", className: "text-center"}, {targets: 4, orderable: false, width: "8%", className: "text-center"},
{targets: 5, orderable: false, width: "10%", className: "text-center"}, {targets: 5, orderable: false, width: "10%", className: "text-center"},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment