Help

Monospaced font on Tables (Grid view)

Solved
Jump to Solution
1395 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.