https://www.nakamuri.info/mw/index.php?action=history&feed=atom&title=TableView%E3%81%A7%E3%82%BB%E3%83%AB%E3%81%AE%E3%82%A2%E3%83%A9%E3%82%A4%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF
TableViewでセルのアライメントを指定するには - 変更履歴
2026-05-04T00:03:11Z
このウィキのこのページに関する変更履歴
MediaWiki 1.22.6
//www.nakamuri.info/mw/index.php?title=TableView%E3%81%A7%E3%82%BB%E3%83%AB%E3%81%AE%E3%82%A2%E3%83%A9%E3%82%A4%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF&diff=3390&oldid=prev
2016年11月9日 (水) 12:49にNakamuriによる
2016-11-09T12:49:54Z
<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←前の版</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2016年11月9日 (水) 12:49時点における版</td>
</tr><tr><td colspan="2" class="diff-lineno">1行:</td>
<td colspan="2" class="diff-lineno">1行:</td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Category:コンピュータ]][[Category:JavaFX]]</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Category:コンピュータ<ins class="diffchange diffchange-inline">]][[Category:Java</ins>]][[Category:JavaFX]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[メインページ]]&gt;[[コンピュータの部屋#JavaFX]]&gt;[[JavaFX Tips]]</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[メインページ]]&gt;[[コンピュータの部屋#JavaFX]]&gt;[[JavaFX Tips]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
</table>
Nakamuri
//www.nakamuri.info/mw/index.php?title=TableView%E3%81%A7%E3%82%BB%E3%83%AB%E3%81%AE%E3%82%A2%E3%83%A9%E3%82%A4%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF&diff=2608&oldid=prev
2016年5月11日 (水) 09:53にNakamuriによる
2016-05-11T09:53:32Z
<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←前の版</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2016年5月11日 (水) 09:53時点における版</td>
</tr><tr><td colspan="2" class="diff-lineno">5行:</td>
<td colspan="2" class="diff-lineno">5行:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>TableColumn#setCellFactory で TableCellのインスタンスを生成し、その</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>TableColumn#setCellFactory で TableCellのインスタンスを生成し、その</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>alignment <del class="diffchange diffchange-inline">プロパティを指定するのが最も直接的な方法ですが、CSS で指定するのがお手軽です。</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>alignment <ins class="diffchange diffchange-inline">プロパティを指定するのが最も直接的な方法ですが、</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">20行くらいコードをしこしこ書くはめになります(^^;</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">CSS で指定するのがとってもお手軽です。</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>FXMLの中で</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>FXMLの中で</div></td></tr>
</table>
Nakamuri
//www.nakamuri.info/mw/index.php?title=TableView%E3%81%A7%E3%82%BB%E3%83%AB%E3%81%AE%E3%82%A2%E3%83%A9%E3%82%A4%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF&diff=2607&oldid=prev
2016年5月11日 (水) 09:51にNakamuriによる
2016-05-11T09:51:01Z
<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←前の版</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2016年5月11日 (水) 09:51時点における版</td>
</tr><tr><td colspan="2" class="diff-lineno">2行:</td>
<td colspan="2" class="diff-lineno">2行:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[メインページ]]&gt;[[コンピュータの部屋#JavaFX]]&gt;[[JavaFX Tips]]</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[メインページ]]&gt;[[コンピュータの部屋#JavaFX]]&gt;[[JavaFX Tips]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>TableView <del class="diffchange diffchange-inline">でセルを中央寄せや右寄せで表示したいことがあります。</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>TableView <ins class="diffchange diffchange-inline">でセル内の表示を中央寄せや右寄せで表示したいことがあります。</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>TableColumn#setCellFactory で TableCellのインスタンスを生成し、その</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>TableColumn#setCellFactory で TableCellのインスタンスを生成し、その</div></td></tr>
<tr><td colspan="2" class="diff-lineno">14行:</td>
<td colspan="2" class="diff-lineno">14行:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>                             style="-fx-alignment: center;"/></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>                             style="-fx-alignment: center;"/></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>   </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>   </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">とすれば、指定した列のセルが全て中央寄せになります。</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">とすれば、指定した列のセル内の表示が全て中央寄せになります。</ins></div></td></tr>
</table>
Nakamuri
//www.nakamuri.info/mw/index.php?title=TableView%E3%81%A7%E3%82%BB%E3%83%AB%E3%81%AE%E3%82%A2%E3%83%A9%E3%82%A4%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF&diff=2603&oldid=prev
Nakamuri: Nakamuri がページ「TableViewでセルのアライメントを指定する仁尾は」を「TableViewでセルのアライメントを指定するには」に、リダイレクトを残さずに移動しました: 名前の間違い
2016-05-11T09:46:49Z
<p>Nakamuri がページ「<a href="/mw/index.php?title=TableView%E3%81%A7%E3%82%BB%E3%83%AB%E3%81%AE%E3%82%A2%E3%83%A9%E3%82%A4%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E4%BB%81%E5%B0%BE%E3%81%AF&action=edit&redlink=1" class="new" title="TableViewでセルのアライメントを指定する仁尾は (存在しないページ)">TableViewでセルのアライメントを指定する仁尾は</a>」を「<a href="/mw/index.php/TableView%E3%81%A7%E3%82%BB%E3%83%AB%E3%81%AE%E3%82%A2%E3%83%A9%E3%82%A4%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF" title="TableViewでセルのアライメントを指定するには">TableViewでセルのアライメントを指定するには</a>」に、リダイレクトを残さずに移動しました: 名前の間違い</p>
<table class='diff diff-contentalign-left'>
<tr style='vertical-align: top;'>
<td colspan='1' style="background-color: white; color:black; text-align: center;">←前の版</td>
<td colspan='1' style="background-color: white; color:black; text-align: center;">2016年5月11日 (水) 09:46時点における版</td>
</tr><tr><td colspan='2' style='text-align: center;'><div class="mw-diff-empty">(相違点なし)</div>
</td></tr></table>
Nakamuri
//www.nakamuri.info/mw/index.php?title=TableView%E3%81%A7%E3%82%BB%E3%83%AB%E3%81%AE%E3%82%A2%E3%83%A9%E3%82%A4%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF&diff=2602&oldid=prev
Nakamuri: ページの作成:「Category:コンピュータCategory:JavaFX メインページ>コンピュータの部屋#JavaFX>JavaFX Tips TableView でセルを中央寄せ...」
2016-05-11T09:43:19Z
<p>ページの作成:「<a href="/mw/index.php/%E3%82%AB%E3%83%86%E3%82%B4%E3%83%AA:%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF" title="カテゴリ:コンピュータ">Category:コンピュータ</a><a href="/mw/index.php/%E3%82%AB%E3%83%86%E3%82%B4%E3%83%AA:JavaFX" title="カテゴリ:JavaFX">Category:JavaFX</a> <a href="/mw/index.php/%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8" title="メインページ">メインページ</a>><a href="/mw/index.php/%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%81%AE%E9%83%A8%E5%B1%8B#JavaFX" title="コンピュータの部屋">コンピュータの部屋#JavaFX</a>><a href="/mw/index.php/JavaFX_Tips" title="JavaFX Tips">JavaFX Tips</a> TableView でセルを中央寄せ...」</p>
<p><b>新規ページ</b></p><div>[[Category:コンピュータ]][[Category:JavaFX]]<br />
[[メインページ]]&gt;[[コンピュータの部屋#JavaFX]]&gt;[[JavaFX Tips]]<br />
<br />
TableView でセルを中央寄せや右寄せで表示したいことがあります。<br />
<br />
TableColumn#setCellFactory で TableCellのインスタンスを生成し、その<br />
alignment プロパティを指定するのが最も直接的な方法ですが、CSS で指定するのがお手軽です。<br />
<br />
FXMLの中で<br />
<br />
<TableView fx:id="wordTableView" layoutX="14.0" layoutY="63.0" prefHeight="380.0" prefWidth="843.0"><br />
<columns><br />
<TableColumn editable="false" prefWidth="121.0" sortable="false" text="英→日パス回数"<br />
style="-fx-alignment: center;"/><br />
<br />
とすれば、指定した列のセルが全て中央寄せになります。</div>
Nakamuri