どうも、ちょげ(@chogetarou)です。
DataTableをスクロールできるようにする方法を紹介します。
方法
DataTableをスクロールできるようにするには、SingleChildScrollViewを使います。
具体的には、DataTableをSingleChildScrollViewでラップします。
SingleChildScrollView(
child: DataTable(
columns: [
・・・
],
rows: [
・・・
],
),
),これでDataTableをスクロールできるようになります。
使用例
以下は、使用例です。
@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
body: SingleChildScrollView(
child: DataTable(
columns: [
DataColumn(
label: Text('名前'),
),
DataColumn(
label: Text('年齢'),
),
DataColumn(
label: Text('性別'),
),
],
rows: [
for (var i = 0; i < 20; i++)
DataRow(
cells: [
DataCell(Text('${20 - i}郎')),
DataCell(Text('$i')),
DataCell(Text(i.isOdd ? '男' : '女')),
],
),
],
),
),
),
);
}
コメント