SIGN IN YOUR ACCOUNT TO HAVE ACCESS TO DIFFERENT FEATURES

FORGOT YOUR PASSWORD?

FORGOT YOUR DETAILS?

AAH, WAIT, I REMEMBER NOW!
PERTANYAAN? Telp/WA : 0812 94 1000 90
  • LOGIN

Jasa Pembuatan Website dan Pengelolaan Website Murah

Jasa Pembuatan Website dan Pengelolaan Website Murah

INDRAWIRATAMA.ID adalah Anak Perusahaan Technology Informasi (IT) dari CV. INDRA WIRATAMA Group

T (021) 820 61 44
Email: sales@indrawiratama.id

INDRAWIRATAMA TECHNOLOGY IT
Jalan Jenderal Sudirman Kav. 22-23

Open in Google Maps
  • HOMEPAGES
    • HOMEPAGES v4.0+
      • ARIES HOMEPAGE
      • ORION HOMEPAGE
      • VEGA HOMEPAGE
      • ATLAS HOMEPAGE
    • HOMEPAGES v4.0+
      • KUMA HOMEPAGE
      • ARA HOMEPAGE
      • KRONOS HOMEPAGE
    • CLASSIC HOMEPAGES
      • HOMEPAGE 1
      • HOMEPAGE 2
      • HOMEPAGE 3
      • HOMEPAGE BOXED
    • CLASSIC HOMEPAGES
      • HOMEPAGE 4
      • HOMEPAGE 5
      • HOMEPAGE 6
    • SINGLE PAGE WEBSITE
      • ATHOS ONE-PAGENEW
  • SLIDERS
    • Presentation Oriented
      • IOS SLIDER (DEFAULT)
      • IOS SLIDER (ALTERNATIVE)
      • CREATIVE SLIDER (REVOLUTION)
      • SIMPLE N’ MODERN SLIDER
      • 3D CUTE SLIDER
    • Portfolio Oriented
      • CSS3 PANELS
      • CSS3 PANELS (ALTERNATIVE)
      • PORTFOLIO FRAMES
      • LAPTOP SLIDER
      • LAPTOP SLIDER (ALTERNATIVE)
      • ICAROUSEL
    • Shop Oriented
      • SHOP SLIDER (PART 1)
      • SHOP SLIDER (PART 2)
      • CIRCULAR CATALOGUE
      • CIRCULAR CAROUSEL
      • CIRCULAR CAROUSEL (ALTERNATIVE)
      • FANCY SLIDER
    • Others
      • SIMPLE N’ CLASSIC
      • NIVO SLIDER
      • WOW SLIDER / BLAST
      • WOW SLIDER / FLYOUT
      • WOW SLIDER / BLINDS
  • HERO SCENES
    • SIMPLE LAYOUT
    • SHOWROOM CAROUSEL
    • BOOKING PANEL
    • WEATHER PANEL
    • SIMPLE TEXT WITH MASK
    • EVENT COUNTDOWN
    • VIDEO LAUNCHER
    • TEXT WITH REGISTER
    • PRODUCT PRESENTATION
    • SIMPLE TEXT
    • SIMPLE BOXES
    • GOOGLE MAPS
    • VIDEO BACKGROUND
    • TEXT POP
  • FEATURES
    • BLOG
    • ALTERNATIVE BLOG
    • BLOG STYLE #2
    • s
    • SORTABLE PORTFOLIO
    • SORTABLE PORTFOLIO FULL
    • CAROUSELS PORTFOLIO
    • CAROUSELS PORTFOLIO COLS
    • PORTFOLIO CATEGORIES
      • PORTFOLIO CAT. – 4 COLS
      • PORTFOLIO CAT. – 3 COLS
      • PORTFOLIO CAT. – 2 COLS
      • PORTFOLIO CAT. – 1 COL
    • s
    • THEME STYLES
      • TYPOGRAPHY
      • ICONS
      • TABLES
    • CUSTOM SUBHEADERS
      • BACKGROUND IMAGE
      • BACKGROUND VIDEO
      • BACKGROUND COLORS
      • ANIMATED SPARKLES
      • Sep
      • EASTER HOLIDAYS
      • ST. PATRICK’S
      • 4th JULY
      • CHRISTMAS
    • MODALS / POPUPS
    • PAGE PRELOADERS
  • SHOP
    • LANDING PAGE (DEFAULT)
    • LANDING PAGE (ALT.)
    • LANDING PAGE (CLASSIC)
    • CATEGORY WITH SIDEBAR
    • PRODUCT PAGE
    • PRODUCT (NO SUBHEADER)
    • SHOPPING CART
    • CHECKOUT PROCESS
    • MY ACCOUNT
  • PAGES
    • THE COMPANY
      • ABOUT US
      • CONTACT US
      • OUR SERVICES
      • OUR TEAM
    • WORK & STORIES
      • BLOG POST
      • PHOTO GALLERY
      • PORTFOLIO ITEM
      • TESTIMONIALS
    • DYNAMICS
      • HISTORIC
      • F.A.Q.
      • PROCESS
      • CAREERS
    • SYSTEM
      • 404 PAGE
      • COMING SOON / OFFLINE
      • PAGE WITHOUT SIDEBAR
      • PAGE WITH SIDEBAR
  • ELEMENTS
    • Col
      • SCREENSHOT BOX
      • GRID PHOTO GALLERY
      • GRID GALLERY FULL-WIDTH
      • GRID PHOTO GALLERY +
      • RECENT WORK
      • LATEST POSTS
      • DEVICES ELEMENT
      • MEDIA CONTAINER
      • MEDIA CONTAINER ALT.
      • GOOGLE MAP
      • SEARCH BOX
    • Col
      • ACTION BOX
      • BIG SOCIAL BLOCKS
      • CALL-OUT BANNER
      • PARTNERS & TESTIMONIALS
      • CIRCLE TITLE BOX
      • HISTORIC ELEMENTS
      • HOVER BOXES
      • SERVICES BOXES
      • NEWSLETTER BOX
      • SKILL BARS
      • DIAGRAM ELEMENT
    • Col
      • ICON BOX
      • GRID ICON BOXES
      • IMAGE BOX
      • PHOTO GALLERY
      • STEPS BOXES
      • INFO BOX
      • STATISTICS
      • STAGE & ICON BOXES
      • TEAM BOXES
      • VIDEO BOX
      • PRICE LIST
    • Col
      • SYSTEM ELEMENTS
      • TABS
      • BUTTONS
      • ACCORDIONS
      • CONTACT FORM
      • PRICING TABLES
      • VERTICAL TABS
      • MISCELLANEOUS
  • MY CART
    No products in cart.
MINTAPENAWARAN
  • Home
  • Style – Tables
28 Januari 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>

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Recent Posts

  • Halo dunia!

    Selamat datang di WordPress. Ini adalah pos per...
  • 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...
  • Dramatically integrate viral technologies

    Seamlessly syndicate out-of-the-box quality vec...

Komentar Terbaru

  • Seorang Komentator WordPress pada Halo dunia!

Archives

  • April 2019
  • Agustus 2015

Categories

  • Mobile
  • Networking
  • Tak Berkategori
  • Technology

Meta

  • Masuk
  • Feed entri
  • Feed komentar
  • WordPress.org

Featured Posts

  • Halo dunia!

    1 comments
  • Progressively repurpose cutting-edge models

    0 comments
  • Enthusiastically administrate ubiquitous

    0 comments
  • Uniquely productize next-generation opportunities

    0 comments
  • Dramatically integrate viral technologies

    0 comments

Silahkan Ajukan Penawaran Anda

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

TENTANG INDRAWIRATAMA.ID

IndraWiratama.id adalah badan usaha yang bergerak pada jasa pembuatan toko online, jasa pembuatan website perusahaan, jasa optimasi SEO, jasa pembuatan aplikasi mobile, dan layanan IT lainnya.

Kami sudah berpengalaman dalam mengelola atau membuat sebuah sistem informasi yang saling terintegritas dan layanan digital marketing untuk membangun brand suatu produk dan jasa sebuah perusahaan atau instansi.

Konsultasikan kebutuhan Anda kepada software development Situseo. Bisnis Anda berkembang di era digital saat ini adalah salah satu tujuan utama kami. Hubungi kami untuk informasi lebih lanjut.

FOOTER MENU

  • Curabitur iaculis
  • Parturient montes
  • Vulputate magna
  • Cum sociis natoque
  • Nulla varius commodo
  • Parturient montes
  • Vulputate magna
  • Cum sociis natoque
  • Nulla varius commodo

HUBUNGI KAMI

T (021) 820 6144
Email: info@indrawiratama.id

Email Data: indrawiratamagroup@gmail.com

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

Open in Google Maps

  • GET SOCIAL
Jasa Pembuatan Website dan Pengelolaan Website Murah

© 2019 All rights reserved. Powered CV.INDRA WIRATAMA Group.

TOP