How to fix datatable header vertically without using scrollY?

Question

I want to fix datatable header when scrolling page without using scrollY property just like https://www.worldometers.info/coronavirus/ datatable.

Do anyone know about this ?

Answer 1

source:

$('#main_table_countries_' + val).dataTable({

            "scrollCollapse": true,
            "scrollX": true,
            "order": [

                [1, 'desc']
            ],
            "sDom": '<"bottom"flp><"clear">',
            "paging": false

        });

help:

scrollCollapse scrollX