Origami Frontend Components & Services

SassDoc: o-table

oTableBase

Base tables styles - add to <table>

Links

oTableWrapper

Add to table's wrapper element (if there is one)

Links

oTableHorizontalBorders

Horizontal borders

Links

oTableVerticalBorders

Vertical borders

Links

oTableCaption

Base styles for caption element - add this to any <caption> you use

Links

oTableCaptionTop

Add this to a caption element at the top of a table

Links

oTableCaptionBottom

Add this to a caption element at the bottom of a table

Links

oTableCellNumeric

Add this to the table cell class to align text right

Links

oTableCellContentSecondary

Visually differentiate secondary text in a table cell.

Links

oTableCompact

Make a table 'compact'

Links

oTableHorizontalLines

Add horizontal lines to a table

Links

oTableVerticalLines

Add verticle lines to a table

Links

oTableAll(classname)

Table styles boilerplate Generates all styles available, with a set of modifiers for alternative styles

parameter type default description
classname

Links

oTableResponsiveFlat

Make a table 'ResponsiveFlat'

Links

oTableResponsiveOverflow

Make a table 'ResponsiveOverflow'

Links

oTableResponsiveScroll

Make a table 'ResponsiveScroll'

Links

oTableRowStripes

Add this to the table element to get row stripes

Links

oTableAll(classname)

Table styles boilerplate Generates all styles available, with a set of modifiers for alternative styles

parameter type default description
classname

Links

Switch component view

GitHub Repository

Install o-table

If using the Build Service, add o-table@^6.9.0 to your script and link tags.

If running a Manual Build, run bower install --save "o-table@^6.9.0".

Help & Support

o-table is maintained directly by the Origami team. If you have any questions about o-table or Origami in general, we are happy to help. 😊

Slack: #ft-origami
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #ft-origami
Email: origami.support@ft.com