[Flutter]DataTableのヘッダーを非表示にするには?

Flutter

どうも、ちょげ(@chogetarou)です。

DataTableのDataColumnが表示されるヘッダーを非表示にする方法を紹介します。

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

DataTableのヘッダーを非表示にするには、引数「headingRowHeight」を使います。

具体的には、DataTableの引数「headingRowHeight」に「0」を指定します。

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: DataTable(
          headingRowHeight: 0,
          columns: [
            DataColumn(
              label: Text('ID'),
            ),
            DataColumn(
              label: Text('名前'),
            ),
            DataColumn(
              label: Text('値段'),
            ),
          ],
          rows: _list,
        ),
      ),
    );
  }

これでDataTableのDataColumnで表示するヘッダーを非表示にすることが出来ます。

コメント

タイトルとURLをコピーしました