Our latest Dribbble shots

Loading dribbble images...
Follow us

Latest Tweets

Follow us on Twitter
This is an expandable area.
It's fully widgetized, you can use any widget from all Nalleto's widgets here ...
Define expandable area globally in the Nalleto's Theme Options, or use per-page option and define unique expandable area for each page individually.
You can even choose if expandable area is closed or opened by default.
    Be neat, be fresh, be corporate
    Email us Twitter - Username Facebook - Username

    Tables & Pricing Tables

    Tables are perfectly suitable for displaying structured data. Whether regular tables or more advanced pricing tables, Nalleto has them covered. Additional CSS classes make it super-easy for you to style the tables according to your design.

    Home > Shortcodes > Tables & Pricing Tables

    Regular Tables

    Regular table + random highlight

    Item 1 Item 2 Item 3 Item 4
    Desc1 Desc2 Desc3 Desc4
    Desc1 Desc2 Desc3 Desc4
    • View the code
      [table align="center"]
<table>
<tbody>
<tr>
<th>Item 1</th>
<th class="highlight color1">Item 2</th>
<th>Item 3</th>
<th>Item 4</th>
</tr>
<tr>
<td>Desc1</td>
<td>Desc2</td>
<td>Desc3</td>
<td class="highlight">Desc4</td>
</tr>
<tr>
<td class="highlight color2">Desc1</td>
<td>Desc2</td>
<td>Desc3</td>
<td>Desc4</td>
</tr>
</tbody>
</table>
[/table]
    [section_headline tag=”h4″ lined=”yes”]Centered table + highlighted row[/section_headline]
    Header 1 Header 2 Header 3 Header 4
    Desc 1 Desc 2 Desc 3 Desc 4
    Desc 1 Desc 2 Desc 3 Desc 4
    • View the code
      [table align="center"]
<table>
<tbody>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
<th>Header 4</th>
</tr>
<tr class="highlight color1">
<td>Desc 1</td>
<td>Desc 2</td>
<td>Desc 3</td>
<td>Desc 4</td>
</tr>
<tr>
<td>Desc 1</td>
<td>Desc 2</td>
<td>Desc 3</td>
<td>Desc 4</td>
</tr>
</tbody>
</table>
[/table]

    Right aligned table + highlighted column

    Header 1 Header 2 Header 3 Header 4
    Desc 1 Desc 2 Desc 3 Desc 4
    Desc 1 Desc 2 Desc 3 Desc 4
    Desc 1 Desc 2 Desc 3 Desc 4
    • View the code
      [table align="right"]
<table>
<tbody>
<tr>
<th>Header 1</th>
<th class="highlight-col">Header 2</th>
<th>Header 3</th>
<th>Header 4</th>
</tr>
<tr>
<td>Desc 1</td>
<td>Desc 2</td>
<td>Desc 3</td>
<td>Desc 4</td>
</tr>
<tr>
<td>Desc 1</td>
<td>Desc 2</td>
<td>Desc 3</td>
<td>Desc 4</td>
</tr>
<tr>
<td>Desc 1</td>
<td>Desc 2</td>
<td>Desc 3</td>
<td>Desc 4</td>
</tr>
</tbody>
</table>
[/table]

    Striped table + highlighted column and random highlights

    Header 1 Header 2 Header 3 Header 4
    Desc 1 Desc 2 Desc 3 Desc 4
    Desc 1 Desc 2 Desc 3 Desc 4
    Desc 1 Desc 2 Desc 3 Desc 4
    • View the code
      [table striped="yes" align="center"]
<table>
<tbody>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
<th>Header 4</th>
</tr>
<tr>
<td>Desc 1</td>
<td>Desc 2</td>
<td>Desc 3</td>
<td>Desc 4</td>
</tr>
<tr>
<td class="highlight">Desc 1</td>
<td>Desc 2</td>
<td class="highlight-col color1">Desc 3</td>
<td>Desc 4</td>
</tr>
<tr>
<td class="highlight">Desc 1</td>
<td>Desc 2</td>
<td>Desc 3</td>
<td>Desc 4</td>
</tr>
</tbody>
</table>
[/table]
    [section_headline tag=”h4″ lined=”yes”]Table with background + random highlight[/section_headline]
    Item 1 Item 2 Item 3 Item 4
    Desc1 Desc2 Desc3 Desc4
    Desc1 Desc2 Desc3 Desc4
    Desc1 Desc2 Desc3 Desc4
    Desc1 Desc2 Desc3 Desc4
    • View the code
      [table background="yes"]
<table>
<tbody>
<tr>
<th>Item 1</th>
<th>Item 2</th>
<th class="highlight">Item 3</th>
<th>Item 4</th>
</tr>
<tr>
<td class="highlight">Desc1</td>
<td>Desc2</td>
<td>Desc3</td>
<td class="highlight color1">Desc4</td>
</tr>
<tr>
<td>Desc1</td>
<td>Desc2</td>
<td>Desc3</td>
<td>Desc4</td>
</tr>
<tr>
<td>Desc1</td>
<td>Desc2</td>
<td class="highlight color1">Desc3</td>
<td>Desc4</td>
</tr>
<tr>
<td>Desc1</td>
<td class="highlight">Desc2</td>
<td>Desc3</td>
<td>Desc4</td>
</tr>
</tbody>
</table>
[/table]
    [section_headline tag=”h4″ lined=”yes”]Centered table with background + highlighted rows[/section_headline]
    Item 1 Item 2 Item 3 Item 4
    Desc1 Desc2 Desc3 Desc4
    Desc1 Desc2 Desc3 Desc4
    Desc1 Desc2 Desc3 Desc4
    Desc1 Desc2 Desc3 Desc4
    • View the code
      [table align="center" background="yes"]
<table>
<tbody>
<tr>
<th>Item 1</th>
<th>Item 2</th>
<th>Item 3</th>
<th>Item 4</th>
</tr>
<tr class="highlight">
<td>Desc1</td>
<td>Desc2</td>
<td>Desc3</td>
<td>Desc4</td>
</tr>
<tr>
<td>Desc1</td>
<td>Desc2</td>
<td>Desc3</td>
<td>Desc4</td>
</tr>
<tr>
<td>Desc1</td>
<td>Desc2</td>
<td>Desc3</td>
<td>Desc4</td>
</tr>
<tr class="highlight color1">
<td>Desc1</td>
<td>Desc2</td>
<td>Desc3</td>
<td>Desc4</td>
</tr>
</tbody>
</table>
[/table]
    [section_headline tag=”h4″ lined=”yes”]Right aligned table with background + highlighted columns[/section_headline]
    Item 1 Item 2 Item 3 Item 4
    Desc1 Desc2 Desc3 Desc4
    Desc1 Desc2 Desc3 Desc4
    Desc1 Desc2 Desc3 Desc4
    • View the code
      [table background="yes" align="right"]
<table>
<tbody>
<tr>
<th class="highlight-col color1">Item 1</th>
<th>Item 2</th>
<th class="highlight-col">Item 3</th>
<th>Item 4</th>
</tr>
<tr>
<td>Desc1</td>
<td>Desc2</td>
<td>Desc3</td>
<td>Desc4</td>
</tr>
<tr>
<td>Desc1</td>
<td>Desc2</td>
<td>Desc3</td>
<td>Desc4</td>
</tr>
<tr>
<td>Desc1</td>
<td>Desc2</td>
<td>Desc3</td>
<td>Desc4</td>
</tr>
</tbody>
</table>
[/table]
    [section_headline tag=”h4″ lined=”yes”]Table with background + highlighted columns[/section_headline]
    Item 1 Item 2 Item 3 Item 4
    Desc1 Desc2 Desc3 Desc4
    Desc1 Desc2 Desc3 Desc4
    Desc1 Desc2 Desc3 Desc4
    • View the code
      [table background="yes" align="left"]
<table>
<tbody>
<tr>
<th class="highlight-col">Item 1</th>
<th class="highlight-col color1">Item 2</th>
<th>Item 3</th>
<th class="highlight-col">Item 4</th>
</tr>
<tr>
<td>Desc1</td>
<td>Desc2</td>
<td>Desc3</td>
<td>Desc4</td>
</tr>
<tr>
<td>Desc1</td>
<td>Desc2</td>
<td>Desc3</td>
<td>Desc4</td>
</tr>
<tr>
<td>Desc1</td>
<td>Desc2</td>
<td>Desc3</td>
<td>Desc4</td>
</tr>
</tbody>
</table>
[/table]

    Pricing Tables

    Pricing tables

    Demo

    Free for 60 days

    Great for personal
    3 accounts
    6 Export formats
    Enhanced security
    Offline access
    –
    –
    –
    Sign Up

    Standard

    $19.99 per month

    Great for small business
    10 accounts
    10 Export formats
    Enhanced security
    Offline access
    Email support
    –
    –
    Sign Up

    Business

    $49.99 per month

    Brand new offer
    100 accounts
    50 Export formats
    Enhanced security
    Offline access
    Email support
    Share via email
    –
    Sign Up

    Professional

    $199.99 per month

    Great for big business
    Unlimited accounts
    All export formats
    Enhanced security
    Offline access
    Email support
    Share via email
    Stats and reports
    Sign Up
    • View the code
      [row][one_fourth]

[pricing_table align="center" background="yes" striped="yes"]
[pricing_row headline="yes" color="color3" highlight="no"]
[headline tag="h2" color="color1"]Demo[/headline]
[headline tag="h3"]Free for 60 days[/headline]
Great for personal
[/pricing_row]
[pricing_row]3 accounts[/pricing_row]
[pricing_row]6 Export formats[/pricing_row]
[pricing_row]Enhanced security[/pricing_row]
[pricing_row]Offline access[/pricing_row]
[pricing_row]-[/pricing_row]
[pricing_row]-[/pricing_row]
[pricing_row]-[/pricing_row]
[pricing_row][button url="#" size="medium" new_window="no"]Sign Up[/button][/pricing_row]
[/pricing_table]

[/one_fourth][one_fourth]

[pricing_table align="center" background="yes" striped="yes"]
[pricing_row headline="yes" color="color3" highlight="no"]
[headline tag="h2" color="color1"]Standard[/headline]
[headline tag="h3"]$19.99 per month[/headline]
Great for small business
[/pricing_row]
[pricing_row]10 accounts[/pricing_row]
[pricing_row]10 Export formats[/pricing_row]
[pricing_row]Enhanced security[/pricing_row]
[pricing_row]Offline access[/pricing_row]
[pricing_row]Email support[/pricing_row]
[pricing_row]-[/pricing_row]
[pricing_row]-[/pricing_row]
[pricing_row][button url="#" size="medium" new_window="no"]Sign Up[/button][/pricing_row]
[/pricing_table]

[/one_fourth][one_fourth]

[pricing_table align="center" background="yes" striped="yes"]
[pricing_row headline="yes" color="color1" highlight="yes"]
[headline tag="h2" color="color2"]Business[/headline]
[headline tag="h3"]$49.99 per month[/headline]
Brand new offer
[/pricing_row]
[pricing_row]100 accounts[/pricing_row]
[pricing_row]50 Export formats[/pricing_row]
[pricing_row]Enhanced security[/pricing_row]
[pricing_row]Offline access[/pricing_row]
[pricing_row]Email support[/pricing_row]
[pricing_row]Share via email[/pricing_row]
[pricing_row]-[/pricing_row]
[pricing_row][button url="#" size="medium" color="color2" new_window="no"]Sign Up[/button][/pricing_row]
[/pricing_table]

[/one_fourth][one_fourth]

[pricing_table align="center" background="yes" striped="yes"]
[pricing_row headline="yes" color="color2" highlight="yes"]
[headline tag="h2" color="color1"]Professional[/headline]
[headline tag="h3"]$199.99 per month[/headline]
Great for big business
[/pricing_row]
[pricing_row]Unlimited accounts[/pricing_row]
[pricing_row]All export formats[/pricing_row]
[pricing_row]Enhanced security[/pricing_row]
[pricing_row]Offline access[/pricing_row]
[pricing_row]Email support[/pricing_row]
[pricing_row]Share via email[/pricing_row]
[pricing_row]Stats and reports[/pricing_row]
[pricing_row][button url="#" size="medium" color="color1" new_window="no"]Sign Up[/button][/pricing_row]
[/pricing_table]

[/one_fourth][/row]

    Regular Table + background and highlights

    Demo

    Free for 60 days

    Great for personal

    Standard

    $19.99 per month

    Great for small business

    Business

    $49.99 per month

    Brand new offer

    Professional

    $199.99 per month

    Great for big business
    Number of accounts 3 10 100 Unlimited
    Number of exported formats 6 10 50 All
    Enhanced security
    Offline access
    Email support –
    Share via email – –
    Stats and reports – – –
    Sign Up Sign Up Sign Up Sign Up
    • View the code
      [table align="center" background="yes"]
<table>
<tbody>
<tr>
<th></th>
<th>
<h2 class="color1">Demo</h2>
<h3>Free for 60 days</h3>
Great for personal</th>
<th>
<h2 class="color1">Standard</h2>
<h3>$19.99 per month</h3>
Great for small business</th>
<th class="highlight-col color1">
<h2 class="color2">Business</h2>
<h3>$49.99 per month</h3>
Brand new offer</th>
<th class="highlight-col color2">
<h2 class="color1">Professional</h2>
<h3>$199.99 per month</h3>
Great for big business</th>
</tr>
<tr>
<td>Number of accounts</td>
<td>3</td>
<td>10</td>
<td>100</td>
<td>Unlimited</td>
</tr>
<tr>
<td>Number of exported formats</td>
<td>6</td>
<td>10</td>
<td>50</td>
<td>All</td>
</tr>
<tr>
<td>Enhanced security</td>
<td>[icon icon="icon-ok-1"]</td>
<td>[icon icon="icon-ok-1"]</td>
<td>[icon icon="icon-ok-1" color="color4"]</td>
<td>[icon icon="icon-ok-1" color="color4"]</td>
</tr>
<tr>
<td>Offline access</td>
<td>[icon icon="icon-ok-1"]</td>
<td>[icon icon="icon-ok-1"]</td>
<td>[icon icon="icon-ok-1" color="color4"]</td>
<td>[icon icon="icon-ok-1" color="color4"]</td>
</tr>
<tr>
<td>Email support</td>
<td>-</td>
<td>[icon icon="icon-ok-1"]</td>
<td>[icon icon="icon-ok-1" color="color4"]</td>
<td>[icon icon="icon-ok-1" color="color4"]</td>
</tr>
<tr>
<td>Share via email</td>
<td>-</td>
<td>-</td>
<td>[icon icon="icon-ok-1" color="color4"]</td>
<td>[icon icon="icon-ok-1" color="color4"]</td>
</tr>
<tr>
<td>Stats and reports</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>[icon icon="icon-ok-1" color="color4"]</td>
</tr>
<tr>
<td></td>
<td>[button url="#" size="medium" new_window="no"]Sign Up[/button]</td>
<td>[button url="#" size="medium" new_window="no"]Sign Up[/button]</td>
<td>[button url="#" size="medium" new_window="no"]Sign Up[/button]</td>
<td>[button url="#" size="medium" new_window="no" color="color1"]Sign Up[/button]</td>
</tr>
</tbody>
</table>
[/table]