SIGN IN YOUR ACCOUNT TO HAVE ACCESS TO DIFFERENT FEATURES

FORGOT YOUR PASSWORD?

FORGOT YOUR DETAILS?

AAH, WAIT, I REMEMBER NOW!
CONTACT RAPID: +40 744 707 630
  • RomânăRomână
    • English English
    • Français Français

OLSON ENGINEERING

OLSON ENGINEERING

Olson Engineering | Piese pentru clasice si motorsport.

T +40 744 707 630
Email: office@olson.ro

OLSON Engineering
Octavian Paler no.1, ap.2, 407035 Apahida, Jud.Cluj, Romania

Open in Google Maps
  • HOME
  • DESPRE NOI
  • PIESE PENTRU CLASICE
    • Alimentare
    • Caroserie
    • Directie
    • Jante si cauciucuri
    • Motor
    • Sistem de racire
    • Sistem de franare
    • Suspensie
    • Transmisie
  • PIESE MOTORSPORT
    • Teava Roll Cage 25CrMo4
    • Accesorii sasiu si caroserie
    • Despre furtunuri de frana si ambreiaj
    • Componente sistem de franare
      • Furtunuri și conducte frână
      • Fitinguri frâne
      • Adaptoare frâne
      • Auxiliare frâne
      • Etriere și pompe de frână
      • Pedaliere și frâne de mână hidraulice
      • Cum măsurăm un furtun hidraulic?
    • Componente sistem de alimentare cu combustibil
      • Furtunuri conducte si fitinguri combustibil
      • Adaptoare combustibil
      • Auxiliare combustibil
      • Carburatoare
      • Pompe si filtre combustibil
      • Rezervoare si surge tank-uri
    • Componente sistem de ungere
  • INTREBARI FRECVENTE
    • FAQ sistem de frânare și ambreiaj
  • DACIA REVIVAL
  • CONTACT
  • ro
  • Home
  • Style – Tables
21 ianuarie 2021

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>

Lasă un răspuns Anulează răspunsul

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Search

Recent Posts

  • Supapă suprapresiune lichid de racire

    Compatibil cu: Alpine A110 Renault 8 Gordini Se...
  • Adaptor rulment de ambreiaj – Transmisie

    Compatibil cu următoarele modele: Alpine A110 R...

Recent Comments

    Archives

    • noiembrie 2017
    • noiembrie 2016

    Categories

    • Piese pentru Clasice
    • Produse Motorsport
    • Sistem Racire

    Meta

    • Autentificare
    • Flux intrări
    • Flux comentarii
    • WordPress.org
    • GET SOCIAL
    OLSON ENGINEERING

    © 2020

    TOP
    Acest website foloseşte cookie-uri proprii cât şi cookie-uri adăugate de Google Analytics pentru a contoriza vizitatorii de pe site.AcceptRefuz Detalii
    Politica de confidențialitate

    Privacy Overview

    This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
    Necesare
    Întotdeauna activate

    Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.

    Non-necesare

    Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.