Tables

The Table component is a very versatile component that should be used to organize data and information that is too detailed or complicated to be described adequately in the text, allowing the reader to quickly see the results. They can be used to highlight trends or patterns in the data and to make a webpage more readable by removing numeric data from the text.

There are 4 table styles currently available. Each has been designed to accommodate for varying use cases and content display. Please familiarize yourself with the different table options to ensure that you utilize the one that is most appropriate for your needs.

Each table is available in Paragraph width or Full width. All options are the same for both appearances.

We’ve baked many features into this component, including the ability to:
• Add either a large (H2) or medium size (H3) headline with intro blurb
• Use select Font Awesome icons
• Alternate row striping for easier legibility of large tables
• Hide lengthy sources in a blind
• Include an optional CTA

If you're a publisher, you can also refer to our technical documentation for more details on creating the table component in Teamsite (internal access only).

PRO TIP: Use the large headline appearance if you are using this to introducing a new content section to your page; think of it as your H2. If this is used as support for an established section, use the “medium” size headline (H3).

 


Publishing? View the DCR guidebook for detailed instructions.


Paragraph-2,Advance Static Table-1,Advance Static Table-2,Advance Static Table-2,Paragraph-3,Advance Static Table-3
Paragraph-4,Advance Static Table-4,Paragraph-5,Advance Static Table-5
Paragraph-6,Advance Static Table-6,Paragraph-7,Advance Static Table-7,Advance Static Table-8
Paragraph-8,Advance Static Table-9,Paragraph-9,Advance Static Table-10,Advance Static Table-11

Simple table

The Simple table is the most versatile of the group. It allows for text and numerical data. Imagery, iconography or pictograms are not supported.

The Paragraph width appearance should be used for data that requires 5 columns or less.
The Full width appearance should be used for data that requires 6 columns or more.

 


Paragraph width simple table

Use this optional intro as a supporting blurb that introduces what the purpose of the table data is. It should be relevant to the page topic, and used to support claims or insights. This maxes out at 350 characters.

Full width simple table

Central banks, such as the Federal Reserve System banks in the United States and Bank of England in the United Kingdom, are strong players in public finance, acting as lenders of last resort as well as strong influences on monetary and credit conditions in the economy.

TickerNameAs of DateYTD1yr5yr10yrSince Inception*Inception Date
TickerFLOT NameiShares Floating Rate Bond ETF As of Date7/31/20 YTD0.43% 1yr1.62% 5yr1.80% 10yr- Since Inception*1.39% Inception Date6/14/11
TickerGOVT NameiShares US Treasury Bond ETF As of Date7/31/20 YTD0.43% 1yr1.62% 5yr1.80% 10yr- Since Inception*1.39% Inception Date6/14/11
TickerBFMSX NameBlackRock Low Duration Bond Instl As of Date7/31/20 YTD0.43% 1yr1.62% 5yr1.80% 10yr2.42% Since Inception*1.39% Inception Date6/14/11
TickerBSIIX NameBlackRock Strategic Income Opps Instl As of Date7/31/20 YTD0.43% 1yr1.62% 5yr1.80% 10yr3.68% Since Inception*1.39% Inception Date6/14/11
TickerAGG NameBlackRock Strategic Income Opps Instl As of Date7/31/20 YTD0.43% 1yr1.62% 5yr1.80% 10yr3.77% Since Inception*1.39% Inception Date6/14/11

Allocations subject to change.
Negative weightings may result from specific circumstances (including timing differences between trade and settle dates of securities purchased by the funds) and/or the use of certain financial instruments, including derivatives, which may be used to gain or reduce market exposure and/or risk management.

Showing 1 to 5 of 8 entries

Rules and recommendations

simple table reference image

 

Usage

  • The Paragraph width appearance should be used for tables with 5 columns or less.
          • NOTE: This recommendation is based on the assumption of tables consisting of primarily numerical data. If your table is very text-heavy and the content looks too cramped in the space, please use the Full width appearance to maintain legibility of your information.
  • The Full width appearance should be used for tables with 6 columns or more.
Component elementOptional elementRules
Component elementA: Main headline + intro Optional element Rules
  • Headline character count: ~70*
  • Large (40px Extrabold) = H2 — or — Medium (32px Bold) = H3 headline size option
  •      - PRO TIP: Use the large headline appearance if you are using this to introducing a new content section to your page. If this is used as support for an established section, use the “medium” size headline.
  • Intro blurb character count: ~350*
  • Can have the headline without the intro blurb (or vice-versa)
Component elementB: Search Optional element Rules
  • The search functionality allows users to quickly locate information within the table. Especially useful for large sets of data.
  • This searches only within the table component, not the entire page.
Component elementC: Table Optional element Rules
  • Fully responsive
  • • Mandatory:
  •        - Table headers
  •        - Row divider lines can not be turned off
  • Optional:
  •        - Alternating row striping. Aids legibility for larger tables.
  • If you’re a publisher, you can also refer to our technical documentation for more details on creating and styling the table component in Teamsite (internal access only).
Component elementD: Pagination Optional element Rules
  • This functionality is intended for tables with large sets of data which result in numerous table rows. Pagination should be used to limit the number of rows displayed at one time to increase readability of the information within the table
  • The pagination option can be enabled or disabled by "Enable Pagination" dropdown field in DCR
  • Once you enable the pagination feature you can select the rows you want to show per page by selecting the value in "Rows Per Page" dropdown
Component elementE: Source/Caption Optional element Rules
  • No character limit
  • Two appearance options: Fully visible caption, or blind that expands on-click
  • Option for 16px default body size or 12px font size, depending on regional legal requirements
Component elementF: CTA Optional element Rules
  • CTA - Primary button use only
  • Keep these “digital” friendly; i.e. short descriptors and be explicit to where you are leading the use
Component element*NOTE: Due to varying alphabets and character widths, please ensure your publisher tests this prior to release Optional element Rules
Showing 1 to 7 of 7 entries