Minimally Invasive Spine Surgery in Chicago

Clinic Locations & Directions
(312) 432-2373
  • HOME
  • ABOUT
    • About Us
    • Why MIS Surgery?
    • Schedule an Appointment
    • Telemedicine Appointments
    • FAQs
    • Clinic Locations & Directions
    • Complimentary MRI Review
  • CONDITIONS & TREATMENTS
    • Endoscopic Spine Surgery
    • Pinched Nerves
    • Spinal Bone Spurs
    • Cervical Conditions
      • Cervical Herniated Disc
      • Cervical Spinal Stenosis
      • Cervical Radiculopathy / Arm Pain
      • Cervical Spondylotic Myelopathy
    • Cervical Treatments
      • Anterior Cervical Discectomy and Fusion (ACDF)
      • Microsurgical Cervical Laminoplasty
      • Artificial Cervical Disc Replacement
      • Cervical Lamino-Foraminotomy
    • Lumbar Conditions
      • Herniated Disc (Bulging Disc)
      • Spinal Arthritis & Spinal Stenosis
      • Spondylolisthesis/Slipped Disc
      • Degenerative Disc Disease
      • Scoliosis/Spinal Deformity in Adults
      • Spinal Trauma/Fractures
      • Lumbar Treatments
        • Lumbar Microdiscectomy
        • Lumbar Laminectomy / Spinal Decompression
        • Lumbar Fusion
      • Failed Back Surgery Syndrome
      • Spinal Tumors
    • MIS Surgery Videos
  • PATIENT STORIES
  • NEWS
  • RESEARCH
    • Clinical Trials
    • Medical Text Book
    • Seminars
    • Minimally Invasive Spine Study Group (MISSG)
    • Professional Organization Affiliations
  • PATIENT HUB
  • CONTACT
SCHEDULE APPOINTMENT ONLINE
  • Home
  • Style – Tables
 

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>

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recent Posts

  • The Impact of COVID-19 on Elective Surgery

    The editorial below was published in the Verteb...
  • The SonoVision electronics platform displays an axial psoas muscle image with intuitive color differentiation of nerve, muscle and bone.

    TDi™ | SonoVision™ Receives 510(k) Clearance for the First Machine Learning Enabled Ultrasound Product in Spine Surgery

    DELRAY BEACH, Fla., April 14, 2020 /PRNewswire/...
  • Podcast: Dr. Kern Singh on Non-Narcotic Pain Management

    Dr. Kern Singh joined Dr. Brian Cole and Steve ...
  • 3d render image of a spine

    NASS releases guidelines for diagnosis, treatment of low back pain

    The North American Spine Society announced the ...
  • dr singh with clinicl staff

    Rush Hospitals Earn Five Stars for Quality

    Rush University Medical Center and Rush Oak Par...
  • Spine Surgery is a Home Run for Active Patient

    Over a two-year period, Thom Serafin found more...

Orthopedics at Rush is ranked No. 5 in the nation and No. 1 in Illinois by U.S. News and World Report.

PAGES

  • HOME
  • ABOUT
  • CONDITIONS & TREATMENTS
  • PATIENT STORIES
  • NEWS
  • RESEARCH
  • PATIENT HUB
  • CONTACT

RECENT NEWS

VIEW ALL
  • The Impact of COVID-19 on Elective Surgery

    April 29, 2020
  • TDi™ | SonoVision™ Receives 510(k) Clearance for the First Machine Learning Enabled Ultrasound Product in Spine Surgery

    April 17, 2020

NEWSLETTER

Recieve our latest news straight to your inbox

Copyright © 2019 | All Rights Reserved | Designed By Sociolus
Terms & Conditions | Privacy Policy
 
TOP