Anestcritic.org

Únete: contacto@anestcritic.org
  • INICIO
  • NOTICIAS
  • PROYECTO
    • ¿Qué es Anestcritic?
    • Equipo
  • MANUAL
    • ¿Qué es?
  • APP
    • ¿Qué es?
  • SIMULACIÓN
  • CONTACTO

Style – Tables

Style – Tables

Default styles

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table>
  …
</table>

Optional classes

Add any of the following classes to the .table base class.

.table-striped

Adds zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE7-IE8).

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table>
  …
</table>

.table-bordered

Add borders and rounded corners to the table.

# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table>
  …
</table>

.table-hover

Enable a hover state on table rows within a <tbody>.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table>
  …
</table>

.table-condensed

Makes tables more compact by cutting cell padding in half.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table>
  …
</table>

Optional row classes

Use contextual classes to color table rows.

Class Description
.success Indicates a successful or positive action.
.error Indicates a dangerous or potentially negative action.
.warning Indicates a warning that might need attention.
.info Used as an alternative to the default styles.
# Product Payment Taken Status
1 TB – Monthly 01/04/2012 Approved
2 TB – Monthly 02/04/2012 Declined
3 TB – Monthly 03/04/2012 Pending
4 TB – Monthly 04/04/2012 Call in to confirm
...
  <tr class="success">
    <td>1</td>
    <td>TB - Monthly</td>
    <td>01/04/2012</td>
    <td>Approved</td>
  </tr>
...

Supported table markup

List of supported table HTML elements and how they should be used.

Tag Description
<table> Wrapping element for displaying data in a tabular format
<thead> Container element for table header rows (<tr>) to label table columns
<tbody> Container element for table rows (<tr>) in the body of the table
<tr> Container element for a set of table cells (<td> or <th>) that appears on a single row
<td> Default table cell
<th> Special table cell for column (or row, depending on scope and placement) labelsMust be used within a <thead>
<caption> Description or summary of what the table holds, especially useful for screen readers
<table>
  <caption>...</caption>
  <thead>
    <tr>
      <th>...</th>
      <th>...</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>...</td>
      <td>...</td>
    </tr>
  </tbody>
</table>

Deja una respuesta Cancelar la respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Posts recientes

  • III Congreso Virtual en Seguridad del Paciente en el proceso perioperatorio

    ...
  • Anestcritic organiza los primeros SimGames, la ‘gamificación’ de la simulación

    El pasado 25 de Mayo Anestcritic organizó los p...
  • Nuevos talleres de RCP en el “III Punto de Encuentro de Anestesia”

    Residentes de tercer año de toda España se reun...
  • Anestcritic celebra sus 5000 descargas con nuevas funciones y protocolos

    Para celebrar las 5000 descargas de la app de m...
  • La app de Anestcritic se actualiza a su 5ª edición

    La app de Anestcritic llega cargada de novedade...

Comentarios recientes

  • Anestcritic celebra sus 5000 descargas con nuevas funciones y protocolos - Anestcritic.org en La app de Anestcritic se actualiza a su 5ª edición
  • Residentes y enfermería del Hospital de la Arrixaca toman su primer contacto con la simulación in-situ - Anestcritic.org en El Hospital de Denia recibe al equipo de Anestcritic para un nuevo curso de simulación

Archivos

  • octubre 2020
  • mayo 2019
  • abril 2019
  • febrero 2019
  • julio 2018
  • mayo 2018
  • marzo 2018
  • febrero 2018
  • noviembre 2017
  • octubre 2017
  • abril 2017
  • julio 2016
  • junio 2016
  • abril 2016
  • marzo 2016

Categorías

  • Anestcritic
  • App
  • Docencia
  • Entrevista
  • Eventos
  • Manual
  • RCP
  • Simgames
  • Simulación
  • Sin categoría

Meta

  • Acceder
  • Feed de entradas
  • Feed de comentarios
  • WordPress.org

Featured Posts

  • III Congreso Virtual en Seguridad del Paciente en el proceso perioperatorio

    0 comments
  • Anestcritic organiza los primeros SimGames, la ‘gamificación’ de la simulación

    0 comments
  • Nuevos talleres de RCP en el “III Punto de Encuentro de Anestesia”

    0 comments
  • Anestcritic celebra sus 5000 descargas con nuevas funciones y protocolos

    0 comments
  • La app de Anestcritic se actualiza a su 5ª edición

    1 comments

MENÚ

  • Inicio
  • Noticias
  • ¿Qué es Anestcritic?
  • Manual
  • App
  • Simulación
  • Equipo
  • Contacto

Lista de correo

Si te suscribes a nuestra lista de correo siempre te mantendremos al tanto de las novedades

¡No hacemos Spam!

CONTACTO

Email: contacto@anestcritic.org

Could not authenticate you.
Anestcritic.org

© 2017 Todos los derechos reservados.

SUBIR