Saltar al contenido

ejemplo de código de bootstrap 3 tablas

este problema se puede resolver de variadas maneras, pero te damos la que para nosotros es la resolución más completa.

Ejemplo: tabla bootstrap 3

Bootstrap Basic Table
A basic Bootstrap table has a light padding and only horizontal dividers.

The .table class adds basic styling to a table
------------------------------------------------------------
Striped Rows
The .table-striped class adds zebra-stripes to a table

Bordered Table
The .table-bordered class adds borders on all sides of the table and cells
------------------------------------------------------------
Hover Rows
The .table-hover class adds a hover effect (grey background color) on table rows
------------------------------------------------------------
Condensed Table
The .table-condensed class makes a table more compact by cutting cell padding in half
------------------------------------------------------------
Contextual Classes
Contextual classes can be used to color table rows () or table cells ()

The contextual classes that can be used are:

Class		Description
.active		Applies the hover color to the table row or table cell
.success	Indicates a successful or positive action
.info		Indicates a neutral informative change or action
.warning	Indicates a warning that might need attention
.danger		Indicates a dangerous or potentially negative action
------------------------------------------------------------
Responsive Tables
The .table-responsive class creates a responsive table. The table will then scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, there is no difference

Sample code


"en">

  Bootstrap Example
  "utf-8">
  "viewport" content="width=device-width, initial-scale=1">
  "stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  
  



"container">

Bootstrap Table Example

"table -----------"> // try by adding different table class at this place => ("-----------")
Id Name Age
1 Ram 10
2 Shyam 12
3 Ramesh 13
4 Suresh 11

Valoraciones y reseñas

Recuerda algo, que tienes autorización de agregar una reseña .

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *