Cita de: dato000 en 1 Marzo 2017, 18:02 PM
Mmmm lo mejor que se puede hacer es configurar una tabla o un grid, en el que usando jquery y css pueda modificarse ese tipo de caracteristicas dependiendo de lo que se vaya necesitando, por ejemplo:
si quiero modificar el color de fondo del encabezado de una columna, y el color de texto de ese mismo encabezado, presionando un botón
Seria algo más o menos así:Código (html4strict) [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
function CambiarFondo(){
$("#tabla1 th").css({
"background-color": "blue"
});
}
function CambiarTitulo(){
$("#tabla1 th").css({
"color": "white"
});
}
</script>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
table#tabla1 th{
background-color: yellow;
color: red;
}
</style>
</head>
<body>
<table style="width:100%" id="tabla1">
<tr>
<th>Nombre</th>
<th>Tipo de Documento</th>
<th>Documento</th>
</tr>
<tr>
<td>dato000</td>
<td>Cedula</td>
<td>111111111</td>
</tr>
<tr>
<td>dato001</td>
<td>Pasaporte</td>
<td>222222222</td>
</tr>
</table>
<br>
<div id="botones">
<button type="button" id="botonFondo" onClick="CambiarFondo()">Cambiar colores de Fondos</button>
<button type="button" id="botonTitulo" onClick="CambiarTitulo()">Cambiar colores de Titulos</button>
</div>
</body>
</html>
Puedes probar el texto en:
https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide
tomo nota, pero primero estoy con el tamaño de las fuentes y veo mala solocion que se pueda con algun codigo css ya que es excel pasado por paint a jpg.
Saludoss.
