Help

Upcoming database upgrades. to improve our reliability at 03:30 UTC on Feb. 25 / 7:30pm PT on Feb. 24. Some users may briefly experience slow load times or error messages. Learn more here

Monospaced font on Tables (Grid view)

Solved
Jump to Solution
372 2
cancel
Showing results for 
Search instead for 
Did you mean: 

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
8 - Airtable Astronomer
8 - Airtable Astronomer

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
8 - Airtable Astronomer
8 - Airtable Astronomer

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.