table - 表

行と列に編成されたセルが含まれます。各セルには、他のコントロール (表も含む) とテキストを入れることができます。

カテゴリ

コンテナコントロール

構文

<xp:table attributes>
	<xp:tr attributes>
			<xp:td attributes>cell content</xp:td>
			...
	</xp:tr>
	...
</xp:table>

表 1. すべてのプロパティ (table)
カテゴリ	プロパティ
アクセシビリティ	caption、role、summary、title
basics	attrs、accesskey、binding、dir、id、lang、loaded、rendered、rendererType、tabindex
dojo	dojoAttributes、dojoType
イベント	onblur、onclick、ondblclick、onfocus、onkeydown、onkeypress、onkeyup、onmousedown、onmousemove、onmouseout、onmouseover、onmouseup
format	align、border、cellpadding、cellspacing、width
styling	captionStyleClass、disableTheme、style、styleClass、themeId

表 2. すべてのプロパティ (tr)
カテゴリ	プロパティ
アクセシビリティ	role、title
basics	binding、dir、id、lang、loaded、rendered、rendererType
dojo	dojoAttributes、dojoType
イベント	onclick、 ondblclick、 onkeydown、 onkeypress、onkeyup、 onmousedown、onmousemove、onmouseout、onmouseover、onmouseup
format	align、valign
styling	disableTheme、style、styleClass、themeId

表 3. すべてのプロパティ (td)
カテゴリ	プロパティ
アクセシビリティ	role、title
basics	binding、dir、id、lang、loaded、rendered、rendererType
dojo	dojoAttributes、dojoType
イベント	onclick、 ondblclick、 onkeydown、 onkeypress、onkeyup、 onmousedown、onmousemove、onmouseout、onmouseover、onmouseup
format	align、colspan、rowspan、valign
styling	disableTheme、style、styleClass、themeId

使用法

実行時に、表がページに表示されます。ユーザーは、表の個々のセルにアクセスできます。

設計モードで XPage に表を挿入するとき、行数と列数を指定するように求めるダイアログが表示されます。表の作成後、以下のことが可能です。

行と列の追加と削除。
セルの結合。
1 つのセルと複数のセルの選択。
セルコンテンツの追加と削除。

視覚に訴えるレイアウトでテキストやイメージを表示するには、このコントロールを使用します。デフォルトでは、role プロパティは presentation です。アクセシビリティに準拠するためには、このコントロールを視覚的なレイアウト以外の目的で使用したり、role を presentation 以外に変更したりしないでください。表データの場合は、データ表コントロールを使用します。

例

下の表では、4 つのセルが 2 行と 2 列に編成されています。

<xp:table>
	<xp:tr>
		<xp:td>
			<xp:label id="label1" value="row 1, column 1"></xp:label>
		</xp:td>
		<xp:td>
			<xp:label value="row 1, column 2" id="label3"></xp:label>
		</xp:td>
	</xp:tr>
	<xp:tr>
		<xp:td>
			<xp:label value="row 2, column 1" id="label2"></xp:label>
		</xp:td>
		<xp:td>
			<xp:label value="row 2, column 2" id="label4"></xp:label>
		</xp:td>
	</xp:tr>
</xp:table>