how to make a table responsive css code example

Example 1: tabla responsive css

@media screen and (max-width: 320px) {
     table {
       display: block;
       overflow-x: auto;     }
}

Example 2: table responsive

/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

Example 3: table responsive

	

	

		
First Name
		
Last Name
		
Job Title
	
	
	

	

		
James
		
Matman
		
Chief Sandwich Eater
	
	

		
The
		
Tick
		
Crimefighter Sorta