Desarrollo de Aplicaciones Web con AngularJS – Tablas

Desarrollo de Aplicaciones Web con AngularJS Tablas

Ejemplo en Vivo: https://angularjstable.herokuapp.com/

Video:

Introduccion

El desarrollo de aplicaciones tiene una forma especial de desarrollo en base a formas de vistas que deben mostrarse en multiples formas, una de tantas que se puede usar son las tablas de html que son muy utiles para presentar informacion listada o enumerada.

Mostrando Datos en un tabla

El modo simple de mostrar datos es muy simple.

table angularjs

table angularjs

Usando Hojas de estilos de una tabla

Hacer uso de css nos ayuda a mejorar la vista de datos.

table angularjs

table angularjs

Uso de index en una tabla

Hacer uso de un indice por medio de la propiedad $index, nos ayuda a poder determinar el indice de datos.

table angularjs

table angularjs

index

Uso de $even y $odd

El uso de even y odd nos permite determinar que columna de datos es en todo momento mostrada en la tabla por ejm even indicaria las columnas pares  y odd las columnas impares.

table angularjs

table angularjs

Escrito Por Christian Portilla Pauca

Video de Explicacion

 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s