Tamaños de Tablas

Utilizar las clases .a4 u .legal en la etiqueta <table>

<table class="a4"> Ancho y alto para hojas a4 (700x1000px)

<table class="wa4"> Ancho para hojas a4 (700px)

<table class="ha4"> Alto para hojas a4 (1000px)

<table class="legal"> Ancho y alto para hojas legal (700x1200px)

<table class="wlegal"> Ancho para hojas legal (700px)

<table class="hlegal"> Alto para hojas legal (1200px)

Bordes y tamaño de fuentes de Tablas

Utilizar las clases en la etiqueta <table> <tr> o <td> según corresponda:

<table> font-size:12px; (por defecto)

<table class="small"> font-size:10px;

<table class="border"> Aplica un borde a toda la tabla y sus celdas internas

<table class="tableborder"> Aplica un borde solo a la tabla

<table class="noborder"> Elimina el borde de la tabla, tr y td (util para tablas anidadas)

<tr class="borderleft"> Agrega un borde en la izquierda de cada celda (excepto en la primera)

<td class="noborder"> Elimina el borde del td (util para tablas anidadas)

Colores en Celdas

Para poner colores a las celdas, se pueden aplicar las clases a <tr> o <td>

<tr class="alt"> background-color: #E3E3E3; (gris)

<tr class="odd"> background-color: #C7C7C7; (gris alt)

<tr class="black"> background-color: #000;

<tr class="red"> background-color: #BA2125;

<tr class="green"> background-color: #E1F894;

<tr class="blue"> background-color: #0080C0;

<tr class="sum"> background-color: #D9EBF5; (seleste)

Clases Especiales

Utilizar estas clases para manipular elementos de la página

<span class="break"> Fuerza una salto de página (antes de este elemento) desde versión 3.2

<div class="page"> Div para agrupar elementos que deben ir en una página

Utilizar estas clases para cualquier etiqueta <div> <span> <p> <table> <th> <tr> <td>

class="borderDotted" Borde de puntos

class="borderDouble" Borde doble

class="borderTop" Borde superior

class="borderLeft" Borde a la izquierda

class="borderBottom" Borde inferior

class="borderRight" Borde a la derecha