Blgify

Create responsive table
Search code

]]></b:template-skin>

</b:template-skin>

Code 1st CSS Code

<style>

table {border: 1px solid #000000;border-collapse: collapse; margin: 0 auto; padding: 0px;table-layout: fixed;min-width: 100%;}table th {text-align: center;padding: 8px;border: 1px solid #000000;background:#093b09;color:#FFFFFF;font-weight:bold;text-align:center}table td{padding: 8px;border: 1px solid #000000;}table tr{background-color: #dddddd;color:#000000;text-align:center;}

</style>

Code 2nd Table

<table id='simple_table' >

<tr>

<th>head 1</th>

<th>head 2</th>

<th>head 3</th>

</tr>

<tr>

<td>row1 col 1</td>

<td>row1 col 2</td>

<td>row1 col 3</td>

</tr>

<tr>

<td>row2 col 1</td>

<td>row2 col 2</td>

<td>row2 col 3</td>

</tr>

<tr>

<td>row3 col 1</td>

<td>row3 col 2</td>

<td>row3 col 3</td>

</tr>

<tr>

<td>row3 col 1</td>

<td>row3 col 2</td>

<td>row3 col 3</td>

</tr>

</table>

20 viewsshivsagarpal208@gmail.com vggo, 07:53