Tables

Last modified:

Title 1 Title 2 Title 3
Row 1 Row 1 Row 1
Row 2 Row 2 Row 2
Row 2 Row 2 Row 2
Row 3 Row 3 Row 3

Tablecloth.js

Looks like a good option.

See table examples below:

Code for each table is shown before the actual table itself. 

<table class="table table-striped table-bordered table-condensed">
  <tr>
    <th>
      Keycode
    </th>
    <th>
      Description
    </th>
  </tr>
  <tr>
    <td>
      ???
    </td>
    <td>
      xPanda Hotkeys Main Help Page
    </td>
  </tr>
  <tr>
    <td>
      control+key
    </td>
    <td>
      <p style="margin-bottom:4px;">
        Extra Copy/Paste Keys:
      </p>
      <table style="margin-bottom:1px;" class="table table-striped table-bordered table-condensed">
        <tr>
          <th>
            Copy
          </th>
          <th>
            Paste
          </th>
        </tr>
        <tr>
          <td>
            control+1
          </td>
          <td>
            control+2
          </td>
        </tr>
        <tr>
          <td>
            control+3
          </td>
          <td>
            control+4
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>
      xxx
    </td>
    <td>
      xxx
    </td>
  </tr>
</table>

Keycode Description
??? xPanda Hotkeys Main Help Page
control+key

Extra Copy/Paste Keys:

Copy Paste
control+1 control+2
control+3 control+4
xxx xxx

Your Text Here

KeyCode Description Demo Link
xolt Outlined Text
xft Floating Text
Your Text Here
xmt Mini Table
xnl Unordered List with Number Bullets
xal Unordered List with Arrow Bullets

Tables

Default

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Striped table

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Bordered table

# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Hoverable table

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Condensed table

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Row classes

# 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

Comments are closed.