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
Post a Comment