Aquascience - Pioneers in bringing the RO technology to Sri Lanka

Hotline: (+94) 11 5 16 00 00
  • Home
    • About Us
    • Technologies
  • Water Treatment
    Solutions
    • RO Systems
      • RO Solutions
        • Domestic RO System
        • Light Commercial RO System Funnel
        • Industrial RO System (TAP Water / Brackish Water / Sea water )
      • RO Care
        • Antiscalent
        • RO Cleaners
    • Tap/City water purification system
      • Cleansui
      • Paragon
    • Hardness & Ion removal systems
      • Ecomix
      • Scale Buster
      • Aqua Science
    • Water Disinfection
      • Chlorination
      • UV Sterilization
      • Ozone
    • Media Filters
    • Water meters
    • Desalination System
      • Aqua Life
    • Dosing Pump
      • Dosatron (Non – electrical)
      • ALIPU (electrical)
    • Water Quality Test Kits
  • Waste Water
    Treatment
    • Kubota
    • Geogreen
    • EcoTech
    • Septage
    • Sintex
      • FRP Underground Fuel Tanks
      • Package Sewage Treatment Plants
      • SMC Panel Tanks
      • Underground Water Storage Tanks
  • Solid Waste
    Management
    • Composting Units
      • Domestic-From 2kg/day to 30kg/day
      • Industrial-30kg/day to1000kg/day
  • Air & Surface Purification
    Solutions
    • Bipolar lionization Technology
      • What is Disinfection?
      • Bipolar Ionization Technology
      • Bipolar Ionization System
        • Atmos Air (Bipolar devices for centralized AC systems (HVAC))
        • STERIONIZER (Bipolar devices for standalone AC’s)
        • SHARP (For Non-AC Areas – Portable Bipolar Units)
    • UV Disinfection
      • Technology
      • UV Healer
    • Ozone Disinfection
      • Technology
        • What is sterilization?
        • Corona discharge technology
      • Dino Ozone Generators
  • Brands &
    Products
    • Brands
    • Products
  • Media &
    News
    • CSR Projects
    • Project Gallery
    • Certificates
    • Brochures
    • Projects
    • Blog
  • Contact Us
FREEQUOTE
  • Home
  • Style – Tables
March 27, 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>

Leave a Reply Cancel reply

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

Recent Posts

  • ABC Trade & Investments Healthcare Division provides clean drinking water to villages and communities

    Every year, World Water Day, which falls on 22 ...
  • Australian Philanthropist Sponsors Water Purification for 100 Villages working with ABC T & I

    We often hear of benefactors doing great things...
  • Latest Article

    ...

Recent Comments

    Featured Posts

    • ABC Trade & Investments Healthcare Division provides clean drinking water to villages and communities

      0 comments
    • Australian Philanthropist Sponsors Water Purification for 100 Villages working with ABC T & I

      0 comments
    • Latest Article

      0 comments

    Archives

    • June 2022
    • April 2022

    Categories

    • Uncategorized

    Meta

    • Log in
    • Entries feed
    • Comments feed
    • WordPress.org

    GET A FREE QUOTE

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

    Our Company

    • Home
    • Brands
    • About Us
    • Technology
    • Ongoing Projects
    • Brochures
    • Privacy Policy

    Associated Companies

    • ABC Trade & Investments
    • Icetechnologies
    • Wintekh Trading
    • Targetonline
    • DigiTender
    • DigiFind

    Contact Us

    Tel: (+94) 11 5 16 00 00
    Email: info@aquascience.lk

    ABC Trade & Investments (Pvt) Ltd
    No 03, Bandaranayakapura Road, Rajagiriya.

    Open in Google Maps

    • ABC Trade & Investments
    • Icetechnologies
    • Wintekh Trading
    • Targetonline
    • DigiTender
    • DigiFind
    Aquascience - Pioneers in bringing the RO technology to Sri Lanka

    © 2016-2022 All Rights Reserved.
    ABC Trade & Investments (Pvt) Ltd.

    TOP
    Open chat
    Hi
    Aqua Science
    Hello 👋
    How can we help you ?