[笔记]TABLE表格相关

• DataTable: 巧用内置表格插件

表(table)

表：<table></table>
行： <tr></tr>
格： <td></td>
標題：<th></th> 有居中,粗寫

<table border="1">	
        <!--「tr」は横方向につなげる-->
        <tr>	
            <th>表格头部1</th>	
            <th colspan="2">跨了两列的头部</th>
        </tr>	
        <tr>
            <!--「td」は縦方向につなげる-->
            <td rowspan="2">跨了两行的数据、这里合并了两行单元格</td>
            <td>数据二</td>	 「这一行数据，会被挤到下面的 <tr>中去」
        </tr>	
        <tr>	
            <td>数据三</td>	
            <td>数据四</td>	
        </tr>	
    </table>	

表のスタイル属性

框	border=”?”	<table border=”1”>	?=框的粗度
跨列置中	colspan=“?”	<td colspan=“2”></td>	?=何列 *マスの数注意！
	普通	<tr> <th colspan="2">1</th> </tr>
	x	<tr> <th　colspan="2">1</th> <th>2</th> </tr>
跨行置中	rowspan=“?”	<td rowspan=“2”></td>	?=何行 *マスの数注意！
	普通	<tr> <td rowspan="2">3</td> </tr>
	x	<tr> <td colspan="2">3</td> <td>5</td> </tr>

左上 align=“left” valign=“top”	中央上 align=“center” valign=“top”	右上 align=“right” valign=“top”

左中 align=“left” valign=“middle”	中央 align=“center” valign=“middle”	右中 align=“right” valign=“middle”

左下 align=“left” valign=“bottom”	中央下 align=“center” valign=“bottom”	右下 align=“right” valign=“bottom”