×

Find Us Online

Twitter
@NewarkPride05

Facebook
Newark Gay Pride

Instagram
@NewarkGayPride

HOW TO SHOP

1 Login or create new account.
2 Review your order.
3 Payment & FREE shipment

If you still have problems, please let us know, by sending an email to support@website.com . Thank you!

SHOWROOM HOURS

Mon-Fri 9:00AM - 6:00AM
Sat - 9:00AM-5:00PM
Sundays by appointment only!

SIGN IN YOUR ACCOUNT TO HAVE ACCESS TO DIFFERENT FEATURES

FORGOT YOUR PASSWORD?

FORGOT YOUR DETAILS?

AAH, WAIT, I REMEMBER NOW!

Newark Pride, Inc.

Newark Pride, Inc.

Newark Pride, Inc. Celebrates 17 Years of Service to Greater Newark's LGBTQ+ Community!

(201) 279-3142
Email: info@newarkpride.org

Newark Pride, Inc.
P. O. Box 20004, Newark, NJ 07101

  • MY CART
    No products in cart.
  • Home
  • About
    • Our History
    • Our Board
    • Contact Us
  • Festival
    • Events
    • Parade
    • Vendors
    • Past Festivals
  • Sponsor
    • Our Past Partners
  • Pride Guide
  • Volunteer
  • Donate
  • en English
    ar العربيةca Catalàzh-CN 简体中文nl Nederlandsen Englishtl Filipinofr Françaisgl Galegode Deutschgu ગુજરાતીht Kreyol ayisyenha Harshen Hausaiw עִבְרִיתhi हिन्दीhmn Hmongig Igboid Bahasa Indonesiait Italianoja 日本語ko 한국어lo ພາສາລາວms Bahasa Melayumn Монголmy ဗမာစာne नेपालीps پښتوfa فارسیpl Polskipt Portuguêspa ਪੰਜਾਬੀru Русскийes Españolth ไทยur اردوvi Tiếng Việtyi יידישyo Yorùbá
REGISTERTODAY!
  • Home
  • Style – Tables
February 7, 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>

Share this:

  • Twitter
  • Facebook

Like this:

Like Loading...

Leave a Reply Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Search

About This Site

This may be a good place to introduce yourself and your site or include some credits.

Featured Posts

  • Thank YOU!

    0 comments
  • NEWARK PRIDE ANNOUNCES 17TH ANNUAL LGBTQ FESTIVAL

    0 comments

Categories

  • Uncategorized

Contact Us

Address
P.O. Box 20004
Newark, NJ  07101

Email
 newarkgaypride@gmail.com

Newark Gay Pride Instagram Feed

Something is wrong.
Instagram token error.
Follow
  • Contact
  • GET SOCIAL

Copyright © 2021 Newark Pride, Inc. | All rights reserved. | Digitally crafted by Prince Derek Doll with Kallyas WordPress Theme.

TOP
en English
ar العربيةca Catalàzh-CN 简体中文nl Nederlandsen Englishtl Filipinofr Françaisgl Galegode Deutschgu ગુજરાતીht Kreyol ayisyenha Harshen Hausaiw עִבְרִיתhi हिन्दीhmn Hmongig Igboid Bahasa Indonesiait Italianoja 日本語ko 한국어lo ພາສາລາວms Bahasa Melayumn Монголmy ဗမာစာne नेपालीps پښتوfa فارسیpl Polskipt Portuguêspa ਪੰਜਾਬੀru Русскийes Españolth ไทยur اردوvi Tiếng Việtyi יידישyo Yorùbá
%d bloggers like this: