Data Table
How to use a Data Table
A Data Table shows numeric or other tabular data with search, filters, and sorting.
- Upload a .csv, .xlsx or .ods spreadsheet when creating a Data Table.
- Use on a Basic Page, Landing Page, Contact, Location, News, or Event.
- Link data to other websites, email addresses, or phone numbers.
Limitations
- A Data Table shows exactly what is included in the uploaded file. Column headings and data can't be edited once uploaded.
- To add, delete or make changes to the data, a fresh spreadsheet must be reuploaded.
- The Data Table does not "clean" the data. Any typos or similar data (ex. "Workshop" vs. "Workshops") will show as separate values in a filter.
Example: Data Table
| Office ID | Office name | County / area | Service | Delivery | Phone number |
|---|---|---|---|---|---|
| OFF-001 | Example Central Office | Montgomery | Food assistance | In person | 301-555-0100 |
| OFF-002 | Example South Office | Prince George’s | Child support | In person | 301-555-0101 |
| OFF-003 | Example City Office | Baltimore City | Energy assistance | Online | 301-555-0102 |
| OFF-004 | Example North Office | Baltimore County | Food assistance | Online | 301-555-0103 |
| OFF-005 | Example West Office | Frederick | Cash assistance | In person | 301-555-0104 |
| OFF-006 | Example East Office | Anne Arundel | Child support | Online | 301-555-0105 |
| OFF-007 | Example Community Office | Howard | Energy assistance | In person | 301-555-0106 |
| OFF-008 | Example Regional Office | Charles | Food assistance | In person | 301-555-0107 |
| OFF-009 | Example Family Office | Washington | Cash assistance | Online | 301-555-0108 |
| OFF-010 | Example Coastal Office | Wicomico | Child support | In person | 301-555-0109 |
| OFF-011 | Example Resource Office | Carroll | Energy assistance | Online | 301-555-0110 |
| OFF-012 | Example Benefits Office | Harford | Food assistance | Online | 301-555-0111 |
| OFF-013 | Example Allegany Office 1 | Allegany | Food assistance | In person | 301-555-0112 |
| OFF-014 | Example Anne Arundel Office 1 | Anne Arundel | Child support | Online | 301-555-0113 |
| OFF-015 | Example Baltimore County Office 1 | Baltimore County | Energy assistance | Phone | 301-555-0114 |
| OFF-016 | Example Baltimore City Office 1 | Baltimore City | Cash assistance | In person | 301-555-0115 |
| OFF-017 | Example Calvert Office 1 | Calvert | Food assistance | Online | 301-555-0116 |
| OFF-018 | Example Caroline Office 1 | Caroline | Child support | Phone | 301-555-0117 |
| OFF-019 | Example Carroll Office 1 | Carroll | Energy assistance | In person | 301-555-0118 |
| OFF-020 | Example Cecil Office 1 | Cecil | Cash assistance | Online | 301-555-0119 |
| OFF-021 | Example Charles Office 1 | Charles | Food assistance | Phone | 301-555-0120 |
| OFF-022 | Example Dorchester Office 1 | Dorchester | Child support | In person | 301-555-0121 |
| OFF-023 | Example Frederick Office 1 | Frederick | Energy assistance | Online | 301-555-0122 |
| OFF-024 | Example Garrett Office 1 | Garrett | Cash assistance | Phone | 301-555-0123 |
| OFF-025 | Example Harford Office 1 | Harford | Food assistance | In person | 301-555-0124 |
| OFF-026 | Example Howard Office 1 | Howard | Child support | Online | 301-555-0125 |
| OFF-027 | Example Kent Office 1 | Kent | Energy assistance | Phone | 301-555-0126 |
| OFF-028 | Example Montgomery Office 1 | Montgomery | Cash assistance | In person | 301-555-0127 |
| OFF-029 | Example Prince George’s Office 1 | Prince George’s | Food assistance | Online | 301-555-0128 |
| OFF-030 | Example Queen Anne’s Office 1 | Queen Anne’s | Child support | Phone | 301-555-0129 |
| OFF-031 | Example St. Mary’s Office 1 | St. Mary’s | Energy assistance | In person | 301-555-0130 |
| OFF-032 | Example Somerset Office 1 | Somerset | Cash assistance | Online | 301-555-0131 |
| OFF-033 | Example Talbot Office 1 | Talbot | Food assistance | Phone | 301-555-0132 |
| OFF-034 | Example Washington Office 1 | Washington | Child support | In person | 301-555-0133 |
| OFF-035 | Example Wicomico Office 1 | Wicomico | Energy assistance | Online | 301-555-0134 |
| OFF-036 | Example Worcester Office 1 | Worcester | Cash assistance | Phone | 301-555-0135 |
| OFF-037 | Example Allegany Office 2 | Allegany | Child support | In person | 301-555-0136 |
| OFF-038 | Example Anne Arundel Office 2 | Anne Arundel | Energy assistance | Online | 301-555-0137 |
| OFF-039 | Example Baltimore County Office 2 | Baltimore County | Cash assistance | Phone | 301-555-0138 |
| OFF-040 | Example Baltimore City Office 2 | Baltimore City | Food assistance | In person | 301-555-0139 |
| OFF-041 | Example Calvert Office 2 | Calvert | Child support | Online | 301-555-0140 |
| OFF-042 | Example Caroline Office 2 | Caroline | Energy assistance | Phone | 301-555-0141 |
| OFF-043 | Example Carroll Office 2 | Carroll | Cash assistance | In person | 301-555-0142 |
| OFF-044 | Example Cecil Office 2 | Cecil | Food assistance | Online | 301-555-0143 |
| OFF-045 | Example Charles Office 2 | Charles | Child support | Phone | 301-555-0144 |
| OFF-046 | Example Dorchester Office 2 | Dorchester | Energy assistance | In person | 301-555-0145 |
| OFF-047 | Example Frederick Office 2 | Frederick | Cash assistance | Online | 301-555-0146 |
| OFF-048 | Example Garrett Office 2 | Garrett | Food assistance | Phone | 301-555-0147 |
| OFF-049 | Example Harford Office 2 | Harford | Child support | In person | 301-555-0148 |
| OFF-050 | Example Howard Office 2 | Howard | Energy assistance | Online | 301-555-0149 |
| OFF-051 | Example Kent Office 2 | Kent | Cash assistance | Phone | 301-555-0150 |
| OFF-052 | Example Montgomery Office 2 | Montgomery | Food assistance | In person | 301-555-0151 |
| OFF-053 | Example Prince George’s Office 2 | Prince George’s | Child support | Online | 301-555-0152 |
| OFF-054 | Example Queen Anne’s Office 2 | Queen Anne’s | Energy assistance | Phone | 301-555-0153 |
| OFF-055 | Example St. Mary’s Office 2 | St. Mary’s | Cash assistance | In person | 301-555-0154 |
| OFF-056 | Example Somerset Office 2 | Somerset | Food assistance | Online | 301-555-0155 |
| OFF-057 | Example Talbot Office 2 | Talbot | Child support | Phone | 301-555-0156 |
| OFF-058 | Example Washington Office 2 | Washington | Energy assistance | In person | 301-555-0157 |
| OFF-059 | Example Wicomico Office 2 | Wicomico | Cash assistance | Online | 301-555-0158 |
| OFF-060 | Example Worcester Office 2 | Worcester | Food assistance | Phone | 301-555-0159 |
| OFF-061 | Example Allegany Office 3 | Allegany | Energy assistance | In person | 301-555-0160 |
| OFF-062 | Example Anne Arundel Office 3 | Anne Arundel | Cash assistance | Online | 301-555-0161 |
| OFF-063 | Example Baltimore County Office 3 | Baltimore County | Food assistance | Phone | 301-555-0162 |
| OFF-064 | Example Baltimore City Office 3 | Baltimore City | Child support | In person | 301-555-0163 |
| OFF-065 | Example Calvert Office 3 | Calvert | Energy assistance | Online | 301-555-0164 |
| OFF-066 | Example Caroline Office 3 | Caroline | Cash assistance | Phone | 301-555-0165 |
| OFF-067 | Example Carroll Office 3 | Carroll | Food assistance | In person | 301-555-0166 |
| OFF-068 | Example Cecil Office 3 | Cecil | Child support | Online | 301-555-0167 |
| OFF-069 | Example Charles Office 3 | Charles | Energy assistance | Phone | 301-555-0168 |
| OFF-070 | Example Dorchester Office 3 | Dorchester | Cash assistance | In person | 301-555-0169 |
| OFF-071 | Example Frederick Office 3 | Frederick | Food assistance | Online | 301-555-0170 |
| OFF-072 | Example Garrett Office 3 | Garrett | Child support | Phone | 301-555-0171 |
| OFF-073 | Example Harford Office 3 | Harford | Energy assistance | In person | 301-555-0172 |
| OFF-074 | Example Howard Office 3 | Howard | Cash assistance | Online | 301-555-0173 |
| OFF-075 | Example Kent Office 3 | Kent | Food assistance | Phone | 301-555-0174 |
| OFF-076 | Example Montgomery Office 3 | Montgomery | Child support | In person | 301-555-0175 |
| OFF-077 | Example Prince George’s Office 3 | Prince George’s | Energy assistance | Online | 301-555-0176 |
| OFF-078 | Example Queen Anne’s Office 3 | Queen Anne’s | Cash assistance | Phone | 301-555-0177 |
| OFF-079 | Example St. Mary’s Office 3 | St. Mary’s | Food assistance | In person | 301-555-0178 |
| OFF-080 | Example Somerset Office 3 | Somerset | Child support | Online | 301-555-0179 |
| OFF-081 | Example Talbot Office 3 | Talbot | Energy assistance | Phone | 301-555-0180 |
| OFF-082 | Example Washington Office 3 | Washington | Cash assistance | In person | 301-555-0181 |
| OFF-083 | Example Wicomico Office 3 | Wicomico | Food assistance | Online | 301-555-0182 |
| OFF-084 | Example Worcester Office 3 | Worcester | Child support | Phone | 301-555-0183 |
| OFF-085 | Example Allegany Office 4 | Allegany | Cash assistance | In person | 301-555-0184 |
| OFF-086 | Example Anne Arundel Office 4 | Anne Arundel | Food assistance | Online | 301-555-0185 |
| OFF-087 | Example Baltimore County Office 4 | Baltimore County | Child support | Phone | 301-555-0186 |
| OFF-088 | Example Baltimore City Office 4 | Baltimore City | Energy assistance | In person | 301-555-0187 |
| OFF-089 | Example Calvert Office 4 | Calvert | Cash assistance | Online | 301-555-0188 |
| OFF-090 | Example Caroline Office 4 | Caroline | Food assistance | Phone | 301-555-0189 |
| OFF-091 | Example Carroll Office 4 | Carroll | Child support | In person | 301-555-0190 |
| OFF-092 | Example Cecil Office 4 | Cecil | Energy assistance | Online | 301-555-0191 |
| OFF-093 | Example Charles Office 4 | Charles | Cash assistance | Phone | 301-555-0192 |
| OFF-094 | Example Dorchester Office 4 | Dorchester | Food assistance | In person | 301-555-0193 |
| OFF-095 | Example Frederick Office 4 | Frederick | Child support | Online | 301-555-0194 |
| OFF-096 | Example Garrett Office 4 | Garrett | Energy assistance | Phone | 301-555-0195 |
| OFF-097 | Example Harford Office 4 | Harford | Cash assistance | In person | 301-555-0196 |
| OFF-098 | Example Howard Office 4 | Howard | Food assistance | Online | 301-555-0197 |
| OFF-099 | Example Kent Office 4 | Kent | Child support | Phone | 301-555-0198 |
| OFF-100 | Example Montgomery Office 4 | Montgomery | Energy assistance | In person | 301-555-0199 |
| OFF-101 | Example Frederick Office 5 | Frederick | Food assistance | Online | 240-555-0100 |
| OFF-102 | Example Anne Arundel Office 5 | Anne Arundel | Child support | Phone | 240-555-0101 |
| OFF-103 | Example Howard Office 5 | Howard | Energy assistance | In person | 240-555-0102 |
| OFF-104 | Example Charles Office 5 | Charles | Cash assistance | Online | 240-555-0103 |
| OFF-105 | Example Washington Office 5 | Washington | Food assistance | Phone | 240-555-0104 |
| OFF-106 | Example Wicomico Office 5 | Wicomico | Child support | In person | 240-555-0105 |
| OFF-107 | Example Carroll Office 5 | Carroll | Energy assistance | Online | 240-555-0106 |
| OFF-108 | Example Harford Office 5 | Harford | Cash assistance | Phone | 240-555-0107 |
| OFF-109 | Example Allegany Office 5 | Allegany | Food assistance | In person | 240-555-0108 |
| OFF-110 | Example Calvert Office 5 | Calvert | Child support | Online | 240-555-0109 |
| OFF-111 | Example Caroline Office 5 | Caroline | Energy assistance | Phone | 240-555-0110 |
| OFF-112 | Example Cecil Office 5 | Cecil | Cash assistance | In person | 240-555-0111 |
| OFF-113 | Example Dorchester Office 5 | Dorchester | Food assistance | Online | 240-555-0112 |
| OFF-114 | Example Garrett Office 5 | Garrett | Child support | Phone | 240-555-0113 |
| OFF-115 | Example Kent Office 5 | Kent | Energy assistance | In person | 240-555-0114 |
| OFF-116 | Example Queen Anne’s Office 5 | Queen Anne’s | Cash assistance | Online | 240-555-0115 |
| OFF-117 | Example St. Mary’s Office 5 | St. Mary’s | Food assistance | Phone | 240-555-0116 |
| OFF-118 | Example Somerset Office 5 | Somerset | Child support | In person | 240-555-0117 |
| OFF-119 | Example Talbot Office 5 | Talbot | Energy assistance | Online | 240-555-0118 |
| OFF-120 | Example Worcester Office 5 | Worcester | Cash assistance | Phone | 240-555-0119 |
| OFF-121 | Example Montgomery Office 6 | Montgomery | Food assistance | In person | 240-555-0120 |
| OFF-122 | Example Prince George’s Office 6 | Prince George’s | Child support | Online | 240-555-0121 |
| OFF-123 | Example Baltimore City Office 6 | Baltimore City | Energy assistance | Phone | 240-555-0122 |
| OFF-124 | Example Baltimore County Office 6 | Baltimore County | Cash assistance | In person | 240-555-0123 |
| OFF-125 | Example Frederick Office 6 | Frederick | Food assistance | Online | 240-555-0124 |
| OFF-126 | Example Anne Arundel Office 6 | Anne Arundel | Child support | Phone | 240-555-0125 |
| OFF-127 | Example Howard Office 6 | Howard | Energy assistance | In person | 240-555-0126 |
| OFF-128 | Example Charles Office 6 | Charles | Cash assistance | Online | 240-555-0127 |
| OFF-129 | Example Washington Office 6 | Washington | Food assistance | Phone | 240-555-0128 |
| OFF-130 | Example Wicomico Office 6 | Wicomico | Child support | In person | 240-555-0129 |
Required fields
1. Title
The Title describes the table’s content and provides context. The Title does not show on page.
2. File
Upload a .csv, .xlsx or .ods spreadsheet.
Optional fields
1. Caption
The caption appears above the table.
2. Data table settings
Include a link to export table as CSV shows a link above the table for visitors to export the results. If a visitor has filtered the table, the export will only include the filtered results.
3. Display options
- Column / Include: Select which columns you'd like to show in the Data table.
- Display:
- Plain text.
- Linked. Use for columns with emails or phone numbers.
- Linked to... Use to link to a column in your spreadsheet that has a URL.
- Filter adds that column as a filter above the table.
When to consider something else
If there isn't a need to filter and search, consider using a regular table.
Get support
Ask questions about the Maryland Drupal CMS, Maryland Web Design System (MDWDS), accessibility, plain language, and more.