POZOVITE: +381 63 830 1000

AS design - digitalna agencija za 360° / VR / AR

AS design - digitalna agencija za 360° / VR / AR

Saša Stojanović pr softverski inženjering
360 VR Sokobanja

Telefon: +381 63 830 1000
Email: office@as-design.net

Kosovke devojke 1, Sokobanja
PIB: 111228811 / MB: 65272369

Open in Google Maps
  • VIRTUELNE TURE
    • MOGUĆNOSTI
    • VIRTUELNI VODIČI
    • GALERIJE I MUZEJI
    • INDUSTRIJA
    • VERSKI OBJEKTI
    • RESTORANI
  • 360° VIDEO
  • 3D MODELI
    • DIGITALNI BLIZANCI
  • DIGITALNI MARKETING
    • FOTO/VIDEO USLUGE
    • PORTFOLIO
      • Presentation Oriented
        • IOS SLIDER (ALTERNATIVE)
        • CREATIVE SLIDER (REVOLUTION)
        • SIMPLE N’ MODERN SLIDER
        • HOMEPAGE 6
        • CLASSIC HOMEPAGES
        • SHOP SLIDER (PART 1)
        • CIRCULAR CATALOGUE
        • CIRCULAR CAROUSEL
        • CIRCULAR CAROUSEL (ALTERNATIVE)
        • Shop Oriented
        • CSS3 PANELS (ALTERNATIVE)
        • PORTFOLIO FRAMES
        • LAPTOP SLIDER
        • LAPTOP SLIDER (ALTERNATIVE)
        • ICAROUSEL
        • Portfolio Oriented
        • NIVO SLIDER
        • WOW SLIDER / BLAST
        • WOW SLIDER / FLYOUT
        • WOW SLIDER / BLINDS
        • Others
      • Col
        • O NAMA
        • POSLOVI
        • ISTORIJAT
        • TABLES
        • SHOWROOM CAROUSEL
        • BOOKING PANEL
        • EVENT COUNTDOWN
        • TEXT WITH REGISTER
        • PRODUCT PRESENTATION
        • SIMPLE TEXT
        • SIMPLE BOXES
        • ANIMATED SPARKLES
        • PRICE LIST
        • BUTTONS
        • ACCORDIONS
        • PRICING TABLES
        • VERTICAL TABS
        • MISCELLANEOUS
  • KONTAKT
BESPLATNAPROCENA
  • Home
  • Style – Tables
9 фебруара, 2023

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>

Оставите одговор

Ваша адреса е-поште неће бити објављена. Неопходна поља су означена *

Zadnji postovi

  • Snimanje virtuelnog vodiča
  • Snimanje galerije u Kragujevcu
  • Slikanje palate
  • Virtuelni turizam
  • Slikanje Galerije „Milan Konjović“ u Somboru

Istaknuti postovi

  • postupak izrade virtuelnog vodiča

    Snimanje virtuelnog vodiča

    0 comments
  • Snimanje galerije u Kragujevcu

    0 comments
  • Saša Stojanović ispred palate

    Slikanje palate

    0 comments
  • virtuelni turizam

    Virtuelni turizam

    0 comments
  • slikanje galerije Milan Konjović u Somboru

    Slikanje Galerije „Milan Konjović“ u Somboru

    0 comments
  • Snimanje večitog derbija u 360VR

    0 comments
  • Saša Stojanović sa profesionalnom opremom za slikanje u 360 stepeni

    Snimanje stana u Skyline-u

    0 comments
  • Saša Stojanović na Sajmu turizma

    Sajam turizma 2022.

    0 comments
  • Snimanje utakmice u 360VR

    0 comments
  • snimanje za BIM model fabrike

    Izrada BIM modela

    0 comments

ZATRAŽITE BESPLATNU PROCENU

Popunite polja ispod i javićemo Vam se ubrzo!

  • Virtuelne ture 360°
  • 360° Video
  • 3D modeli
  • Digitalni marketing
  • Blog
  • Portfolio
  • Kontakt

Saša Stojanović, pr.

360 VR, Sokobanja

Telefon: +381.63.8301000
Email: info@360serbia.com

  • GET SOCIAL
AS design - digitalna agencija za 360° / VR / AR

© 2019. Sva prava zadržana.

TOP