Table Elements

You are here

Home » Table Elements

Error message

  • Notice: Undefined variable: comment_count in include() (line 97 of /var/www/vhosts/anaplasis4u.gr/httpdocs/sites/all/themes/jollyness/templates/node/node--article--teaser.tpl.php).
  • Notice: Undefined variable: comment_count in include() (line 97 of /var/www/vhosts/anaplasis4u.gr/httpdocs/sites/all/themes/jollyness/templates/node/node--article--teaser.tpl.php).
  • Notice: Trying to access array offset on value of type null in videojs_field_formatter_view() (line 81 of /var/www/vhosts/anaplasis4u.gr/httpdocs/sites/all/modules/videojs/videojs.module).
  • Notice: Trying to access array offset on value of type null in videojs_utility::normalizeFieldItems() (line 237 of /var/www/vhosts/anaplasis4u.gr/httpdocs/sites/all/modules/videojs/includes/videojs.utility.inc).
  • Notice: Trying to access array offset on value of type null in videojs_field_formatter_view() (line 206 of /var/www/vhosts/anaplasis4u.gr/httpdocs/sites/all/modules/videojs/videojs.module).
  • Notice: Undefined variable: comment_count in include() (line 97 of /var/www/vhosts/anaplasis4u.gr/httpdocs/sites/all/themes/jollyness/templates/node/node--article--teaser.tpl.php).
  • Notice: Undefined variable: comment_count in include() (line 97 of /var/www/vhosts/anaplasis4u.gr/httpdocs/sites/all/themes/jollyness/templates/node/node--article--teaser.tpl.php).
  • Notice: Undefined variable: comment_count in include() (line 97 of /var/www/vhosts/anaplasis4u.gr/httpdocs/sites/all/themes/jollyness/templates/node/node--article--teaser.tpl.php).
  • Notice: Trying to access array offset on value of type null in videojs_field_formatter_view() (line 81 of /var/www/vhosts/anaplasis4u.gr/httpdocs/sites/all/modules/videojs/videojs.module).
  • Notice: Trying to access array offset on value of type null in videojs_utility::normalizeFieldItems() (line 237 of /var/www/vhosts/anaplasis4u.gr/httpdocs/sites/all/modules/videojs/includes/videojs.utility.inc).
  • Notice: Trying to access array offset on value of type null in videojs_field_formatter_view() (line 206 of /var/www/vhosts/anaplasis4u.gr/httpdocs/sites/all/modules/videojs/videojs.module).
  • Notice: Undefined variable: comment_count in include() (line 97 of /var/www/vhosts/anaplasis4u.gr/httpdocs/sites/all/themes/jollyness/templates/node/node--article--teaser.tpl.php).
  • Notice: Undefined variable: comment_count in include() (line 97 of /var/www/vhosts/anaplasis4u.gr/httpdocs/sites/all/themes/jollyness/templates/node/node--article--teaser.tpl.php).

Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen. Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen.

Basic example

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>. It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we've opted to isolate our custom table styles.

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

Striped rows

Use .table-striped to add zebra-striping to any table row within the <tbody>.

Cross-browser compatibility

Striped tables are styled via the :nth-child CSS selector, which is not available in Internet Explorer 8.

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

Bordered table

Add .table-bordered for borders on all sides of the table and cells.

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

Hover rows

Add .table-hover to 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

Condensed table

Add .table-condensed to make 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

Contextual classes

Use contextual classes to color table rows or individual cells.

# Column heading Column heading Column heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content

Responsive tables

Create responsive tables by wrapping any .table in .table-responsive to make them scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.

# Table heading Table heading Table heading Table heading Table heading Table heading
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell
# Table heading Table heading Table heading Table heading Table heading Table heading
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell

ABOUT Jollyness

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.

Μάθετε περισσότερα

Για να μάθετε περισσότερα για τις υπηρεσίες που παρέχουμε, μπορείτε να επικοινωνείτε μαζί μας στο 2751029089 καθώς και μέσω της φόρμας επικοινωνίας μας

FLICKR WIDGET