How to set font size of Datagrid column headings?

Anvil Q&A
1

Hi all - my first post and still getting familiar with Anvil. I might be missing something obvious but I can change the font size of repeating data rows in my Datagrid but can’t seem to find any option for changing the font size of column headings…

Could someone point me in the right direction please?

Cheers,
Peter

2

Hi @AWSOM and welcome to the forum…

definitely not obvious - there’s no setting in anvil for the auto header i can see.

you’ve got a couple of options I can think of

Option 1.

  1. put row panel at the top of the data grid (above the repeating panel)
  2. click pinned
  3. remove autoheader
  4. add labels and change the fontsize of each label

Screen Shot 2020-03-31 at 18.48.45
Screen Shot 2020-03-31 at 18.48.45843×228 27.1 KB

Option 2
jump into theme.css
and add the following (adjust as needed)

.auto-grid-header {
    font-size: 18px;
}
1 Like
3

Many thanks for the quick reply and suggested solutions Stu.

I’ll add this as a feature request too.

All the best,
Peter

4

Hi @AWSOM,

Good to see you on the forum!

There’s more information on customising Data Grid headers using a Data Row Panel in our Data Grids tutorial. Feature request noted too :slight_smile:

1 Like
5

Thanks Bridget - yes I’m working my way through the tutorials which are great.

All the best,
Peter

1 Like