Virtual scroll with table use native scrollbar. How to customize it?

I use virtual scroll type=“table”. It is on the right of the table. How to move it between header and footer (red rectangle on the screen)?

Me need to select only month of year. How can I do this?

I use virtual scroll type=“table”. It is on the right of the table. How to move it between header and footer (red rectangle on the screen)?

Virtual scroll with table use native scrollbar. How to customize it?

I want to always display scroll thumb. How can I do this?

@s-molinari thanks!

How to update quasar-framework from beta-18 to rc4?

I replaced in my “./config/quasar”

//import iconSet from 'quasar/icon-set/fontawesome-v5.js'
import iconSet from '@fortawesome/fontawesome-pro/js/all.min';

and all work fine!

@rstoenescu
my main.js:

import './config/quasar';
import '@fortawesome/fontawesome-pro/css/fontawesome.min.css'
//import '@fortawesome/fontawesome-pro/css/brands.min.css'
import '@fortawesome/fontawesome-pro/css/light.min.css'
import '@fortawesome/fontawesome-pro/css/solid.min.css'
import '@fortawesome/fontawesome-pro/css/regular.min.css'

my ./config/quasar

import Vue from 'vue'
import {
  Quasar,
  ...
} from 'quasar'
import iconSet from 'quasar/icon-set/fontawesome-v5.js'

Vue.use(Quasar, {
  ...
  iconSet,
});

My template:

<q-icon
  name="fal fa-atom-alt"
/>
<q-icon
  name="fas fa-atom-alt"
/>
<q-icon
  name="far fa-atom-alt"
/>

fas and far icons are visible for one moment only. Then:

Help me please. How do I fix this?

@rstoenescu thank You very very! This work!

@rstoenescu after steps 1, 2, 3 my project folder look like this:
Folder src/boot missing. What do I need to do?