RichFaces3が出力するデータテーブルのHTML⇔CSSのクラス⇔CSSの中身の対応表

■RichFaces3が出力するデータテーブルのHTML(id属性は削除)

<table class="rich-table" border="0" cellpadding="0" cellspacing="0">
    <colgroup span="2">
    </colgroup>
    <thead class="rich-table-thead">
        <tr class="rich-table-header">
            <th class="rich-table-headercell" colspan="2">
                参加者
            </th>
        </tr>
        <tr class="rich-table-header-continue">
            <th class="rich-table-headercell">
                名前
            </th>
            <th class="rich-table-headercell">
                年齢
            </th>
        </tr>
        <tr class="rich-table-subheader">
            <th class="rich-table-subheadercell" scope="col">
                <div>
                    Name
                </div>
            </th>
            <th class="rich-table-subheadercell" scope="col">
                <div>
                    Age
                </div>
            </th>
        </tr>
    </thead>
    <tfoot>
        <tr class="rich-table-subfooter">
            <td class="rich-table-subfootercell" scope="col">
                Name
            </td>
            <td class="rich-table-subfootercell" scope="col">
                Age
            </td>
        </tr>
        <tr class="rich-table-footer">
            <td class="rich-table-footercell">
                名前
            </td>
            <td class="rich-table-footercell">
                年齢
            </td>
        </tr>
        <tr class="rich-table-footer-continue">
            <td class="rich-table-footercell" colspan="2">
                参加者
            </td>
        </tr>
    </tfoot>
    <tbody>
        <tr class="rich-table-row rich-table-firstrow">
            <td class="rich-table-cell">
                あいうえお
            </td>
            <td class="rich-table-cell">
                20
            </td>
        </tr>
        <tr class="rich-table-row">
            <td class="rich-table-cell">
                かきくけこ
            </td>
            <td class="rich-table-cell">
                30
            </td>
        </tr>
    </tbody>
</table>

■対応表

	グループ	HTML	CSSのクラス	CSSの中身(デフォルト)
	テーブル	<talbe>	rich-table	.rich-table { border-top: solid 1px silver; border-left: solid 1px silver; background-color: white; empty-cells: show; border-collapse: collapse; }
	テーブルヘッダ (テーブル自体のヘッダ)	<thead>	rich-table-thead	.rich-table-thead { border-bottom: solid 1px silver; }
		<thead><tr>	rich-table-header	.rich-table-header { background-color: #BED6F8; background-image: url(/RichFaces3Sample066-DataTableHeaderFooter2Row/faces/a4j/g/3_3_3.Finalorg.richfaces.renderkit.html.GradientA/DATB/eAH7!!3Tj2v7mAAZZAV3); background-position: top left; background-repeat: repeat-x; }
		<thead><tr><th>	rich-table-headercell	.rich-table-headercell { border-right: solid 1px silver; border-bottom: solid 1px silver; padding: 4px 4px 4px 4px; color: black; text-align: center; font-weight: bold; font-size: 11px; font-family: Arial,Verdana,sans-serif; }
		<thead><tr> (2行目以降)	rich-table-header-continue	.rich-table-header-continue { background-color: #BED6F8; }
	テーブルサブヘッダ (カラムに属するヘッダ)	<thead><tr>	rich-table-subheader	.rich-table-subheader { background-color: #ECF4FE; }
		<thead><tr><th>	rich-table-subheadercell	.rich-table-subheadercell { border-right: solid 1px silver; padding: 4px 4px 4px 4px; text-align: center; font-size: 11px; color: black; font-family: Arial,Verdana,sans-serif; white-space: nowrap; }
	テーブルフッタ (テーブル自体のフッタ)	<tfoot><tr>	rich-table-footer	.rich-table-footer { background-color: #CCC; }
		<tfoot><tr><td>	rich-table-footercell	.rich-table-footer-continue { background-color: #CCC; }
	テーブルサブフッタ (カラムに属するフッタ)	<tfoot><tr>	rich-table-subfooter	.rich-table-subfooter { background-color: #F1F1F1; }
		<tfoot><tr><td>	rich-table-subfootercell	.rich-table-subfootercell { border-right: solid 1px silver; border-bottom: solid 1px silver; padding: 4px 4px 4px 4px; text-align: left; font-size: 11px; color: black; font-family: Arial,Verdana,sans-serif; }
	テーブルボディー	<tbody><tr>	rich-table-row	なし
		<tbody><td>	rich-table-cell	.rich-table-cell { border-right: solid 1px silver; border-bottom: solid 1px silver; padding: 4px 4px 4px 4px; font-size: 11px; color: black; font-family: Arial,Verdana,sans-serif; }
		<tbody><tr> (1行目)	rich-table-firstrow	なし