Table fixed header and scrollable body

Question

I am trying to make a table with fixed header and a scrollable content using the bootstrap 3 table. Unfortunately the solutions I have found does not work with bootstrap or

Answer 1

table {
    overflow-y: auto;
    height: 50vh;     /* !!!  HEIGHT MUST BE IN [ vh ] !!! */
}

thead th {
    position: sticky;
    top: 0;
}

   

      

        
TH 1
TH 2
      
      

        
A1
A2
        
B1
B2
        
C1
C2
        
D1
D2
        
E1
E2
        
F1
F2
        
G1
G2
        
H1
H2
        
I1
I2
        
J1
J2
        
K1
K2
        
L1
L2
        
M1
M2
        
N1
N2
        
O1
O2
        
P1
P2
        
Q1
Q2
        
R1
R2
        
S1
S2
        
T1
T2
        
U1
U2
        
V1
V2
        
W1
W2
        
X1
X2
        
Y1
Y2
        
Z1
Z2
      
    

You don't need js. Important is to set table height in [vh]