SIGN IN YOUR ACCOUNT TO HAVE ACCESS TO DIFFERENT FEATURES

FORGOT YOUR PASSWORD?

FORGOT YOUR DETAILS?

AAH, WAIT, I REMEMBER NOW!
  • LOGIN

Skalkou Educational Center

  • Home
    • Our Team – Η ομάδα μας
    • Edutainment
    • ConnectEd
    • e-europalso
    • BLOG & STORIES
    • Εγγραφή στο Newsletter
    • ΑΠΟΖΗΜΙΩΣΗ ΕΙΔΙΚΟΥ ΣΚΟΠΟΥ
  • Γλώσσες
    • Αγγλικά
      • Certificate Guarantee
    • Γαλλικά
    • Γερμανικά
    • Κατάλογος βιβλίων Αγγλικών 2020-2021
  • Ακαδημία Ρομποτικής
    • Εκπαιδευτική Ρομποτική απο το σπίτι με το Minecraft Education
  • Μελέτη
  • Υπηρεσία μεταφοράς μαθητών
  • MY CART
    No products in cart.
MYSCHOOL
  • Home
  • Style – Tables
25/02/2021

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>

Αφήστε μια απάντηση Ακύρωση απάντησης

Η ηλ. διεύθυνση σας δεν δημοσιεύεται. Τα υποχρεωτικά πεδία σημειώνονται με *

Αυτός ο ιστότοπος χρησιμοποιεί το Akismet για να μειώσει τα ανεπιθύμητα σχόλια. Μάθετε πώς υφίστανται επεξεργασία τα δεδομένα των σχολίων σας.

Recent Posts

  • Ενημέρωση Γονέων

    Ο Φεβρουάριος φτάνει στο τέλος του και διανύουμ...
  • Τι θα γίνει τώρα με την πανδημία και τα Αγγλικά;

    Ζωντανό παράδειγμα της επιτυχίας της εκπαιδευτι...
  • Εργαστείτε μαζί μας

    Το Κέντρο μας μεγαλώνει και αναζητά δημιουργικο...
  • Summer School 2020

    Καλοκαιρινά εντατικά τμήματα Τα ευέλικτα εντατι...
  • Ενημέρωση για την επαναλειτουργία του Κέντρου μας

    Αγαπητοι γονείς, αγαπημένα μας παιδιά Έχουν περ...

Πρόσφατα σχόλια

    Archives

    • Φεβρουάριος 2021
    • Αύγουστος 2020
    • Ιούλιος 2020
    • Μάιος 2020
    • Απρίλιος 2020
    • Μάρτιος 2020
    • Φεβρουάριος 2020
    • Δεκέμβριος 2019
    • Αύγουστος 2019
    • Ιούλιος 2019
    • Μάιος 2019
    • Μάρτιος 2019
    • Δεκέμβριος 2018
    • Νοέμβριος 2018
    • Σεπτέμβριος 2018

    Categories

    • classes
    • event
    • Languages
    • Mobile
    • Networking
    • news
    • party
    • Technology
    • Uncategorized
    • Εκδηλώσεις

    Μεταστοιχεία

    • Σύνδεση
    • Ροή καταχωρίσεων
    • Ροή σχολίων
    • WordPress.org

    Featured Posts

    • Ενημέρωση Γονέων

      0 comments
    • Τι θα γίνει τώρα με την πανδημία και τα Αγγλικά;

      0 comments
    • Εργαστείτε μαζί μας

      0 comments
    • Summer School 2020

      0 comments
    • Ενημέρωση για την επαναλειτουργία του Κέντρου μας

      0 comments

    GET A FREE QUOTE

    Please fill this for and we'll get back to you as soon as possible!

    Η ιστοσελίδα μας χρησιμοποιεί "cookies". Τα "cookies" μας βοηθούν να προσφέρουμε τις υπηρεσίες μας. Με την πρόσβαση σας σε αυτή αποδέχεστε την χρήση τους. Πολιτική Cookies

    FOOTER MENU

    • Προσωπικά Δεδομένα
    • Όροι και Προϋποθέσεις
    • Αποστολές και Πληρωμές
    • Πολιτική Απορρήτου
    • Πολιτική Cookies

    ΕΓΓΡΑΦΗ ΣΤΟ NEWSLETTER

    Με την εγγραφή στο Newsletter μας είστε σίγουροι ότι δεν θα χάσετε κανένα νέο μας

    Μπορείτε να διαγραφείτε από την λίστα όποτε επιθυμείτε!

    GET IN TOUCH

    T (210) 9565727

    Fax (210) 9593701

    Mobile +306982029850
    Email: contact@skalkou.gr

    Σκάλκου Εκπαίδευση
    Μυκηνών 36, 17673, Καλλιθέα-Αθήνα

    Open in Google Maps

    Τα τελευταία μας Tweet

    57 days agoΤώρα η #Εκπαιδευτική_Ρομποτική έρχεται στο σπίτι σας μέσα απο το καινοτόμο εκπαιδευτικό μας πρόγραμμα που συνδιάζει… https://t.co/MaxlhG6Ts5
    Follow @SkalkouFront
    social sharing
    • GET SOCIAL
    Skalkou Educational Center

    © 2019 skalkou.gr All rights reserved. Πολιτική Προστασίας Προσωπικών Δεδομένων.

    TOP