Answers for "table-responsive css"

CSS
0

tabla responsive css

@media screen and (max-width: 320px) {
     table {
       display: block;
       overflow-x: auto;     }
}
Posted by: Guest on September-03-2020
0

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; 
}
Posted by: Guest on April-16-2021
0

table responsive

<table>
	<thead>
	<tr>
		<th>First Name</th>
		<th>Last Name</th>
		<th>Job Title</th>
	</tr>
	</thead>
	<tbody>
	<tr>
		<td>James</td>
		<td>Matman</td>
		<td>Chief Sandwich Eater</td>
	</tr>
	<tr>
		<td>The</td>
		<td>Tick</td>
		<td>Crimefighter Sorta</td>
	</tr>
	</tbody>
</table>
Posted by: Guest on April-16-2021
0

responsive table css

/* Responsive*/ 


/* 992px - 1200px */ 
@media screen and (max-width: 1200px) {
	
}


/* 768px - 992px */
@media screen and (max-width: 992px) {
	
} 


/* 576px - 768px */ 
@media screen and (max-width: 768px) {
	
}


/* 0 - 576px */ 
@media screen and (max-width: 576px) {
	
}
Posted by: Guest on August-25-2021

Browse Popular Code Answers by Language