Is there a way to apply CSS code in the box labeled 'Custom wpDataTables CSS' to only apply to specific table(s). Or whatever code you put in that box applies to every wpDataTable you have?

For example if I use .wpDataTable it applies to all my wpDataTables. Is there a way to apply to only one table for example wpdatatable_id=54 ?

I am very desperate to to freeze specific headers and columns in different tables.

Thanks!

Thanks for the response Aleksander. What I bolded in the below code is not working (I've tried it with other tables and it works meaning it freezes the header of the table and the 2nd column of the table). Do you know what I should replace that with to work with wpDataTables?

Thanks so much!

<style>
   tbody tr td:nth-child(2){
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    z-index: 1;
    background: #fafafb;
    font-weight:bold;
}
 .foo-table{
    max-width: -webkit-fit-content !important;
}

{
    position: relative;
    z-index: 1;
    margin: auto;
    overflow: auto;
    height: 550px;
}

 thead .footable-header th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index:1;
}

 thead th:nth-child(2){
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    z-index:2

}
</style>
[wpdatatable id=54 table_view=regular]