HTML表ジェネレータ

HTML表を簡単に作成。以下のグリッドにデータを入力するか、CSV/Excelからインポートしてください。

テーブルオプション

行を追加:

列を追加:

ヘッダースコープ：:

キャプション：:

基本オプション

テーブルの幅：:

テーブルの高さ：:

枠線付きテーブル:

枠線の太さ：:

枠線の色：:

セルパディング：:

枠線の結合：:

テーブルオプション

HTML表ジェネレータの使い方

1
データを入力する
「Grid Editor」でセルを入力し行や列を追加するか、「CSV Import」タブで CSV や Excel のデータを貼り付けます。
2
テーブルをスタイリングする
bordered、striped、hover、responsive などの基本オプションを設定するか、「Advanced Options」を開いて ID、クラス、キャプション、罫線の色を指定します。
3
テーブルを生成する
「Generate Table」をクリックして HTML を作成し、実際の見え方を正確にプレビューします。

入力する代わりにデータをインポートできますか?

はい。「CSV Import」タブは、スプレッドシートから貼り付けたカンマ・タブ・セミコロン・パイプ区切りのデータを受け付け、先頭行をヘッダーとして指定できます。

テーブルをレスポンシブにできますか?

はい。「Responsive Table」オプションを有効にするとテーブルがラップされ、小さな画面でもきれいにスクロールし、さまざまなレイアウトに適応します。

どんなスタイリングオプションがありますか?

罫線、ストライプ行、ホバー時のハイライト、キャプション、カスタムの ID とクラス名、セルのパディングと間隔、罫線の幅と色、そしてアクセシビリティ向けのヘッダー scope を追加できます。

生成されるコードは有効な HTML になりますか?

はい。ツールは適切に構造化された table、thead、tbody、th、td タグを出力するため、マークアップはきれいで、そのままサイトに組み込めます。

テーブルのデータはどこかに送信されますか?

いいえ。すべてブラウザ内で生成されるため、テーブルのデータはデバイス上に留まります。ツールは完全に無料で利用できます。