
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎Feb 14, 2022 10:57 AM
Hey guys, do you know a way to use a monospaced font on Tables (Grid Views)? It makes things clear since the whole text will align.
Solved! Go to Solution.
Accepted Solutions

- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎Feb 15, 2022 02:02 PM
You can use an extension like Stylus for Chrome or Firefox to apply custom CSS rules to Airtable, such as this:
.gridView .dataRow [data-columntype] {
font-family: Roboto Mono, Consolas, Andale Mono, Courier New, monospace;
}
Note that you can modify the selector to only apply the font to certain column types, e.g. instead of [data-column type]
, use [data-columntype="url"]
to just target URLs.
You can also modify the selector to use [data-columnid]
to target particular fields, but you’ll need to use DevTools (or a script) to find the field IDs.

- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎Feb 15, 2022 02:02 PM
You can use an extension like Stylus for Chrome or Firefox to apply custom CSS rules to Airtable, such as this:
.gridView .dataRow [data-columntype] {
font-family: Roboto Mono, Consolas, Andale Mono, Courier New, monospace;
}
Note that you can modify the selector to only apply the font to certain column types, e.g. instead of [data-column type]
, use [data-columntype="url"]
to just target URLs.
You can also modify the selector to use [data-columnid]
to target particular fields, but you’ll need to use DevTools (or a script) to find the field IDs.

- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎Feb 16, 2022 11:18 AM
Hi Andy, this sounds like a good alternative to put this working. Thank you.
