Skip to content

A
Asistencia
Commit c27a52a8 by Billy Larru
Options

corregido problema de datatable responsive

parent 749d6df8
Showing with 52 additions and 21 deletions
src/main/webapp/css/general.css
......@@ -26,10 +26,13 @@ btn-green{
}
.text-azul{
color: blue;
/*font-weight: bold;*/
}
/******/
.fix-label{
width: 100%;
text-align: left;
......@@ -229,4 +232,27 @@ btn-green{
table.display tbody tr:hover td {
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
......@@ -7,7 +7,7 @@
<!--template-core-->
<!--css de la pagina-->
<!--css-->
<!--css-->
</head>
<body>
<%@include file="templates/header-body.jsp" %>
......@@ -74,19 +74,20 @@
<th class="text-center">Horario</th>
<th class="text-center">Fecha 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">Fecha de salida</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">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">Monto extras(S/.)</th>
<th class="text-center">Monto extras</th>
<th class="text-center">Estado extras</th>
<th class="text-center">
<input type="checkbox" id="extras-select-all" class="checker border-primary-600 text-primary-800">
</th>
<th class="text-center">Monto total(S/.)</th>
<th class="text-center">Monto total</th>
</tr>
</thead>
......@@ -96,17 +97,18 @@
<td class="text-center">VILLA EL SALVADOR</td>
<td class="text-center">07:00 - 17:00</td>
<td class="text-center">12/07/2018</td>
<td class="text-center">07:21</td>
<td class="text-center">12/07/2018</td>
<td class="text-center" style="color: #999999;"><strong>07:21</strong></td>
<td class="text-center">17:38</td>
<td class="text-center">12/07/2018</td>
<td class="text-center">
<span class="label bg-slate border-slate-700" title="REGULAR">REGULAR</span>
</td>
<td class="text-center">8.50</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">0.00</td>
<td class="text-center text-blue">0.00</td>
<td class="text-center">
<span class="label label-danger border-danger-700" title="ANULADO">DESAPROBADO</span>
</td>
......@@ -122,16 +124,17 @@
<td class="text-center">07:00 - 07:00</td>
<td class="text-center">12/07/2018</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">13/07/2018</td>
<td class="text-center">
<span class="label bg-teal border-teal-700" title="REGULAR">AMANECIDA 24H</span>
</td>
<td class="text-center">8.50</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">0.00</td>
<td class="text-center text-blue">0.00</td>
<td class="text-center">
<span class="label label-success border-success-700" title="ANULADO">APROBADO</span>
</td>
......@@ -147,16 +150,17 @@
<td class="text-center">19:00 - 07:00</td>
<td class="text-center">12/07/2018</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">12/07/2018</td>
<td class="text-center">
<span class="label bg-brown border-brown-700" title="AMANECIDA 24H">AMANECIDA 12H</span>
</td>
<td class="text-center">8.50</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">0.00</td>
<td class="text-center text-blue">0.00</td>
<td class="text-center">
<span class="label label-success border-success-700" title="APROBADO">APROBADO</span>
</td>
......@@ -315,9 +319,9 @@
"paging": false,
// "iDisplayLength": 20,
"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: 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: 4, orderable: false, width: "8%", className: "text-center"},
{targets: 5, orderable: false, width: "10%", className: "text-center"},
......@@ -338,7 +342,7 @@
// Check/uncheck all checkboxes in the table
var rows = table.rows({'search': 'applied'}).nodes();
$('input[type="checkbox"]', rows).prop('checked', this.checked);
});
});
</script>
<!--js-->
......
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