- Se empezó a agregar el mismo estilo que se creo para la tabla propiedades en todas las tablas del usuario normal.
- Para hacer esto, en cada pagina se añadieron varios div
<div id="flexBox?Container">
<div id="wrap-table">
<table border="1" id="tableHeader">
<div id="divTabla?">
<asp:GridView >
</asp:GridView>
</div>
</div>
</div>
- Siendo "?" el nombre de lo que muestra la tabla, ejemplo recibos o propiedades.
- Al div mas exterior se la aplican los márgenes necesarios, así como también su altura máxima.
margin-left: 11%;
height: 97%;
- El div intermedio se usa para darle formato a ambas tablas, acá se define la letra, colores, además se agrega que las filas pares tengan un color distinto, esto se hace de la siguiente manera:
#wrap-table {
height: 100%;
}
#wrap-table td {
font-family: Lato-Regular;
font-size: 15px;
color: black;
line-height: 1.4;
}
#wrap-table tr:nth-child(even) {
background-color: #f8f6ff;
}
- Esta ultima condición solo se aplica a las filas hijas del div cuyo índice es par. Empezando este en 1.
- La primera tabla que se utiliza solo como header, de esta manera cuando se desplaza hacia abajo o arriba la tabla principal este siempre se encuentra en pantalla.
- El div interior se utiliza solo para contener la tabla principal, a este div se lea agrega una altura máxima, y se le agrega una barrar para poder desplazarse, esto se hace con el siguiente atributo de css:
- overflow-y: scroll;
- Todos estos cambios se agregaron a las tablas de propiedades, recibos, conceptos de cobro y comprobantes de pago del usuario cliente.
- Se trabajó durante 2h 30m.
Referencias:
No hay comentarios:
Publicar un comentario