Custom Table in html -



Custom Table in html -

i need create custom table through html. html skills not best. although tried many things, couldn't want.

here can see how want table.

any idea?

here code:

<style type="text/css"> .tg {border-collapse:collapse;border-spacing:0;} .tg td{font-family:arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} .tg th{font-family:arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} </style> <table class="tg"> <tr> <th class="tg-031e" colspan="3">title</th> </tr> <tr> <td class="tg-031e">col 1</td> <td class="tg-031e">col 2</td> <td class="tg-031e">col 3</td> </tr> <tr> <td class="tg-031e">row 1</td> <td class="tg-031e">a</td> <td class="tg-031e">c</td> </tr> <tr> <td class="tg-031e">row 2</td> <td class="tg-031e">b</td> <td class="tg-031e"></td> </tr> </table>

solution #t1 { width: 60%; } #t2 { width: 30%; } .tg { border-collapse:collapse; border-spacing:0; float: left; margin: 10px; } .tg td{ font-family:arial, sans-serif; font-size:14px; padding:10px 5px; border-style:solid; border-width:1px; overflow:hidden; word-break:normal; } .tg th{ font-family:arial, sans-serif; font-size:14px; font-weight:normal; padding:10px 5px; border-style:solid; border-width:1px; overflow:hidden; word-break:normal; }

html html-table

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

c# - Create a Notification Object (Email or Page) At Run Time -- Dependency Injection or Factory -

Set Up Of Common Name Of SSL Certificate To Protect Plesk Panel -