Frågor?: 086410850
  • Coming Soon

Fullservicelabb i hjärtat av Stockholm som kombinerar klassisk teknik med den senaste digitala, för att skapa den lösningen som passar bäst för Dig.

T 08-641 08 50
Email: info@mosebacke-dental.se

Mosebacke Dental
Mosebacke Torg 18, 116 20 Stockholm

Open in Google Maps
  • Coming Soon
  • MY CART
    No products in cart.
AKUTHJÄLP
  • Home
  • Style – Tables

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>

Lämna ett svar Avbryt svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *

Recent Posts

  • Hello world!

    Welcome to WordPress. This is your first post. ...
  • Hello world!

    Welcome to Kallyas Demo Sites. This is your fir...
  • Orci varius natoque penatibus et magnis dis parturient montes.

    Lorem ipsum dolor sit amet, consectetur adipisc...
  • Proin nisi nisl, tempus non rhoncus non, malesuada eget nulla.

    Lorem ipsum dolor sit amet, consectetur adipisc...
  • Proin nisi nisl, tempus non rhoncus non, malesuada eget nulla.

    Lorem ipsum dolor sit amet, consectetur adipisc...

Senaste kommentarer

  • A WordPress Commenter om Hello world!

Archives

  • januari 2021
  • mars 2018
  • december 2016
  • oktober 2016
  • september 2016
  • april 2016
  • mars 2016
  • februari 2016
  • augusti 2015

Categories

  • Art
  • Design Competition
  • Mobile
  • Networking
  • New York
  • Paris
  • Technology
  • Uncategorized
  • Videos

Meta

  • Logga in
  • Flöde för inlägg
  • Flöde för kommentarer
  • WordPress.org

Recent Posts

  • Hello world!

    1 comments
  • Hello world!

    0 comments
  • Orci varius natoque penatibus et magnis dis parturient montes.

    0 comments
  • Proin nisi nisl, tempus non rhoncus non, malesuada eget nulla.

    0 comments
  • Proin nisi nisl, tempus non rhoncus non, malesuada eget nulla.

    0 comments

Search

Recent Posts

  • Hello world!

    Welcome to WordPress. This is your first post. ...
  • Hello world!

    Welcome to Kallyas Demo Sites. This is your fir...
  • Orci varius natoque penatibus et magnis dis parturient montes.

    Lorem ipsum dolor sit amet, consectetur adipisc...
  • Proin nisi nisl, tempus non rhoncus non, malesuada eget nulla.

    Lorem ipsum dolor sit amet, consectetur adipisc...
  • Proin nisi nisl, tempus non rhoncus non, malesuada eget nulla.

    Lorem ipsum dolor sit amet, consectetur adipisc...

Recent Comments

  • A WordPress Commenter om Hello world!

Archives

  • januari 2021
  • mars 2018
  • december 2016
  • oktober 2016
  • september 2016
  • april 2016
  • mars 2016
  • februari 2016
  • augusti 2015

Categories

  • Art
  • Design Competition
  • Mobile
  • Networking
  • New York
  • Paris
  • Technology
  • Uncategorized
  • Videos

Meta

  • Logga in
  • Flöde för inlägg
  • Flöde för kommentarer
  • WordPress.org

Search

Recent Posts

  • Hello world!

    Welcome to WordPress. This is your first post. ...
  • Hello world!

    Welcome to Kallyas Demo Sites. This is your fir...
  • Orci varius natoque penatibus et magnis dis parturient montes.

    Lorem ipsum dolor sit amet, consectetur adipisc...
  • Proin nisi nisl, tempus non rhoncus non, malesuada eget nulla.

    Lorem ipsum dolor sit amet, consectetur adipisc...
  • Proin nisi nisl, tempus non rhoncus non, malesuada eget nulla.

    Lorem ipsum dolor sit amet, consectetur adipisc...

Recent Comments

  • A WordPress Commenter om Hello world!

Archives

  • januari 2021
  • mars 2018
  • december 2016
  • oktober 2016
  • september 2016
  • april 2016
  • mars 2016
  • februari 2016
  • augusti 2015

Categories

  • Art
  • Design Competition
  • Mobile
  • Networking
  • New York
  • Paris
  • Technology
  • Uncategorized
  • Videos

Meta

  • Logga in
  • Flöde för inlägg
  • Flöde för kommentarer
  • WordPress.org

Featured Posts

  • Hello world!

    1 comments
  • Hello world!

    0 comments
  • Orci varius natoque penatibus et magnis dis parturient montes.

    0 comments
  • Proin nisi nisl, tempus non rhoncus non, malesuada eget nulla.

    0 comments
  • Proin nisi nisl, tempus non rhoncus non, malesuada eget nulla.

    0 comments

MOSEBACKE DENTAL

Bättre – Snabbare - Säkrare tandteknik STOLTHET. Vi är stolta över vårt kvalitetsarbete, personlig service och vår önskan att behaga våra kunder. FULLSERVICE. Vi erbjuder alla marknadens förekommande produkter och tjänster av allra högsta kvalitet. DIGITAL TEKNIK. All vår CoCr och Titan är lasersintrad och fräst med perfekt passform.

PAGES

  • Our Story
  • Careers
  • Investor Relations
  • In the News

Vill du veta hur vi kan hjälpa Dig?

KONTAKTUPPGIFTER

© 2021 Mosebacke Dental All rights reserved.

FOOTER MENU

  • Our Story
  • Careers
  • Investor Relations
  • In the News
Please enter your MailChimp API KEY in the theme options panel prior to using this widget.

GET IN TOUCH

T (212) 555 55 00
Email: sales@yourwebsite.com

Your Company LTD
Street nr 100, 4536534, Chicago, US

Open in Google Maps

Invalid or expired token.
social sharing
  • Coming Soon
  • GET SOCIAL

© 2021 Mosebacke Dental

TOP