Fix First Column of a Bootstrap Table

Question

I followed @koala_dev\'s code in this post to try to lock the first column s my table scrolls horizontally. The code unfortunately has no effect on my table. I was wondering

Answer 1

Just add position:sticky to th & td first-child.

th:first-child, td:first-child
{
  position:sticky;
  left:0px;
  background-color:grey;
}

  

    
TIME
    
Company
    
Company
    
Company
    
Company
    
Company
    
Company
    
Contact
    
Country
  
  

    
11:40   
    
Maria Anders
    
Alfreds Futterkiste
 
    
Maria Anders
    
Alfreds Futterkiste
    
Maria Anders
    
Alfreds Futterkiste
    
Maria Anders
    
Germany
  
  

    
11:40   
    
Maria Anders
    
Alfreds Futterkiste
    
Maria Anders
    
Alfreds Futterkiste
    
Maria Anders
    
Centro comercial Moctezuma
    
Francisco Chang
    
Mexico
  
  

    
11:40   
    
Maria Anders
    
Alfreds Futterkiste
    
Maria Anders
    
Alfreds Futterkiste
    
Maria Anders
    
Ernst Handel
    
Roland Mendel
    
Austria
  
  

   
11:40   
    
Maria Anders
    
Alfreds Futterkiste
    
Maria Anders
    
Alfreds Futterkiste
    
Maria Anders
    
Island Trading
    
Helen Bennett
    
UK
  
  

    
11:40   
    
Maria Anders
    
Alfreds Futterkiste
    
Maria Anders
    
Alfreds Futterkiste
    
Maria Anders
    
Laughing Bacchus Winecellars
    
Yoshi Tannamuri
    
Canada
  
  

    
11:40   
    
Maria Anders
    
Alfreds Futterkiste
    
Maria Anders
    
Alfreds Futterkiste
    
Maria Anders
    
Magazzini Alimentari Riuniti
    
Giovanni Rovelli
    
Italy