Gästehaus Lesch Kreuth

Gästehaus Lesch Kreuth

Gästehaus Lesch, Erholungserlebnis, Gastlichkeit und behagliches Wohnen im Stil der Zeit.

Tel.: +49 (0)8029 - 319
E-Mail info@haus-lesch.de

Gästehaus Lesch
Am Riedlerberg 8

Open in Google Maps
  • Impressum
  • Datenschutz
  • Wohnen
    • Appartement 1
    • Appartement 2
    • Appartement 3
    • Appartement 4
    • Appartement 6
  • Erholen
    • Bergsteigerdorf
  • Entspannen
  • Ambiente
  • Genießen
  • Home
  • Style – Tables
27. Juni 2022

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>

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Recent Posts

  • Test

    Test des Datums....
  • Hallo Welt!

    Willkommen zur deutschen Version von WordPress....
  • Progressively repurpose cutting-edge models

    Seamlessly orchestrate process-centric best pra...
  • Enthusiastically administrate ubiquitous

    Competently leverage other’s high standar...
  • Uniquely productize next-generation opportunities

    Appropriately pontificate synergistic para digm...

Neueste Kommentare

  • Mr WordPress bei Hallo Welt!

Archive

  • Januar 2016
  • Dezember 2015
  • August 2015

Kategorien

  • Allgemein
  • Mobile
  • Networking
  • Technology

Meta

  • Anmelden
  • Feed der Einträge
  • Kommentare-Feed
  • WordPress.org

Featured Posts

  • Test

    0 comments
  • Hallo Welt!

    1 comments
  • Progressively repurpose cutting-edge models

    0 comments
  • Enthusiastically administrate ubiquitous

    0 comments
  • Uniquely productize next-generation opportunities

    0 comments

Unser Haus:

Gästehaus Willi Lesch
Am Riedlerberg 8,
D-83708 Kreuth
Tel.: +49 (0)8029 – 319
Fax: +49 (0)8029 – 999 16
Mail: info@haus-lesch.de

Unsere Appartements:

Appartement 1
Appartement 2
Appartement 3
Appartement 4
Appartement 6

GÄSTEHAUS LESCH
in Kreuth am Tegernsee

Info, Service und Nützliches

Ausflugstipps
Das Tegernsee Tal
Sehenswürdigkeiten
Bergsteigerdorf Kreuth

  • Impressum
  • Datenschutz

© 2020 Gästehaus Lesch

OBEN
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Cookie settingsACCEPT
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, 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 have an effect on your browsing experience.
Notwendig
immer aktiv

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.

Nicht notwendig

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.