Ejemplo de tablas



Tabla Simple

Tabla con distinción de filas pares, espacios condensados y botones.


Nombre Comentario
Mark Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni aliquid amet voluptates cumque ullam soluta facere.
Jacob Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae veniam neque provident possimus praesentium quaerat suscipit!
Larry Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae sunt cumque dolore aspernatur eum soluta!



Tabla de usuarios

Tabla con estilos básicos.


# Nombre Apellido Usuario Acciones
1 Mark Otto @mdo    
2 Jacob Thornton @fat    
3 Larry the Bird @twitter    
1 Mark Otto @mdo    
2 Jacob Thornton @fat    
3 Larry the Bird @twitter    
1 Mark Otto @mdo    
2 Jacob Thornton @fat    
3 Larry the Bird @twitter    




Tabla compleja

Tabla con bordes, celdas combinadas, filas coloreadas y responsive.


Categoría # Autor Libro
Nombre Apellido Título Descripción
A 1 Mark Otto deleniti consectetur nulla modi error. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non dolor deserunt adipisci at ratione incidunt beatae sit assumenda quam, numquam qui, laborum, totam officia deleniti consectetur nulla modi error, tempora.
2 Jacob Thornton animi veritatis, impedit ex deleniti. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque deleniti optio iusto voluptates animi libero eveniet voluptatibus odit a rem. Qui consequatur vel in animi veritatis, impedit ex deleniti sit.
3 Larry the Bird nostrum eum laborum ea, magni. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum assumenda pariatur, explicabo velit debitis! Odio non doloribus animi. Ipsa corrupti excepturi aliquid ut nesciunt nostrum eum laborum ea, magni, alias.
4 Mark Otto modi eius vitae magnam illum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non alias rerum provident cum corrupti fuga architecto expedita nulla culpa minima, inventore perspiciatis ducimus! Inventore modi eius vitae magnam illum excepturi.
5 Jacob Thornton cum voluptates a facere architecto. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident sequi, ipsam praesentium consequuntur impedit vitae enim consectetur corporis magnam, ex quas ea velit, fugit cum voluptates a facere architecto veniam?
B 6 Larry the Bird mollitia enim culpa beatae. Temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet corporis a esse itaque nesciunt magnam veniam dolorum sint nostrum, fugiat laboriosam natus, consequatur placeat mollitia enim culpa beatae. Temporibus, quia.
7 Mark Otto eveniet at omnis deserunt quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque neque id perferendis quasi quo voluptatibus. Nostrum delectus officia fuga, fugiat iusto odio, veniam obcaecati eveniet at omnis deserunt quod. Doloremque?
8 Jacob Thornton aliquid harum unde nesciunt assumenda. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium impedit, nostrum dignissimos accusamus ab cum architecto necessitatibus explicabo suscipit. Ab, cum tempore. Eveniet veniam aliquid harum unde nesciunt assumenda placeat.
9 Larry the Bird velit enim, perspiciatis sequi perferendis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus accusantium pariatur quo eligendi, sed eum ipsa at ratione alias quibusdam exercitationem quod repellendus dolorem velit enim, perspiciatis sequi perferendis a?
10 Larry the Bird architecto, alias illum voluptatem beatae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores porro repellendus, quam nisi architecto animi aspernatur officiis omnis. Dolores nesciunt, aliquid quis cum debitis architecto, alias illum voluptatem beatae necessitatibus.