Help

The Community will be temporarily unavailable starting on Friday February 28. We’ll be back as soon as we can! To learn more, check out our Announcements blog post.

Monospaced font on Tables (Grid view)

Solved
Jump to Solution
1570 2
cancel
Showing results for 
Search instead for 
Did you mean: 
_eo_Heck
4 - Data Explorer
4 - Data Explorer

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.

1 Solution

Accepted Solutions
Andy_Lin1
9 - Sun
9 - Sun

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.

See Solution in Thread

2 Replies 2
Andy_Lin1
9 - Sun
9 - Sun

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.

Hi Andy, this sounds like a good alternative to put this working. Thank you.