ToolPal

HTMLテーブルジェネレーター

行、列、スタイルオプションをカスタマイズして、きれいなHTMLテーブルコードを生成します。

テーブル設定

列ヘッダー

生成されたHTML

<table>
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
      <th>Header 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Data 1,1</td>
      <td>Data 1,2</td>
      <td>Data 1,3</td>
    </tr>
    <tr>
      <td>Data 2,1</td>
      <td>Data 2,2</td>
      <td>Data 2,3</td>
    </tr>
    <tr>
      <td>Data 3,1</td>
      <td>Data 3,2</td>
      <td>Data 3,3</td>
    </tr>
  </tbody>
</table>

使い方

行、列、スタイルオプションをカスタマイズして、きれいなHTMLテーブルコードを生成します。

  1. 1Set the number of rows and columns using the number inputs.
  2. 2Enter custom column header names in the Column Headers section.
  3. 3Toggle options: include thead, caption, striped rows, or bordered.
  4. 4Copy the generated HTML from the output panel and paste into your project.

主な機能

  • Configurable rows (1–20) and columns (1–10)
  • Custom column headers and optional table caption
  • Toggle thead, striped rows, and bordered class attributes
  • Clean semantic HTML5 output — no inline styles

よくある質問

詳しく読む