pui-css-tables

pui-css-tables

A CSS tables component that can be installed via this npm package. The package provides all of the CSS you need to use the component.

Installation

To install the package, from the command line, type:

npm install pui-css-tables

Usage

<table class="table table-data table-light">
  <thead>
    <tr>
      <th>Service Instance</th>
      <th>Service Plan</th>
      <th>Bound Apps</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>oracle-db-sct</td>
      <td>Oracle DB</td>
      <td>12</td>
    </tr>
    <tr>
      <td>oracle-db-sct</td>
      <td>Oracle DB</td>
      <td>12</td>
    </tr>
    <tr>
      <td>oracle-db-sct</td>
      <td>Oracle DB</td>
      <td>12</td>
    </tr>
    <tr>
      <td>oracle-db-sct</td>
      <td>Oracle DB</td>
      <td>12</td>
    </tr>
  </tbody>
</table>

You can find more examples of the tables component in the pui style guide

---

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

Styleguide Github

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.

Changelog

1.10.0 (2015-07-08)

Bug Fixes

• dropdown: Fix border on default alt dropdown hover (5ebcaaf)
• dropdowns: add `pui-css-buttons` as a dependency (f980b16)
• forms: Fix typo in forms styleguide entry (3918e0f)

Features

• notifications: "no notifications" bell no longer needs modifier classes (8e8fd2a)
• notifications: alert notifications badges no longer need modifier classes (f4b963c)
• notifications: notification bells and badges no longer need modifier classes (1b94fdd)
• notifications: notifications bells scale with different size/color modifiers (ebca281)
• typography: typography size classes are !important (b969aac)

DEPRECATION WARNINGS

• notifications: The notification HTML markup is changed. The old markup will work for now, but will no longer be supported in the next major release.

<a name="1.9.1"></a>