// Copyright 2014 The Flutter Authors. All rights reserved. // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. import 'package:flutter/material.dart'; /// Flutter code sample for [DataTable]. void main() => runApp(const DataTableExampleApp()); class DataTableExampleApp extends StatelessWidget { const DataTableExampleApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(title: const Text('DataTable Sample')), body: const DataTableExample(), ), ); } } class DataTableExample extends StatefulWidget { const DataTableExample({super.key}); @override State<DataTableExample> createState() => _DataTableExampleState(); } class _DataTableExampleState extends State<DataTableExample> { static const int numItems = 10; List<bool> selected = List<bool>.generate(numItems, (int index) => false); @override Widget build(BuildContext context) { return SizedBox( width: double.infinity, child: DataTable( columns: const <DataColumn>[ DataColumn( label: Text('Number'), ), ], rows: List<DataRow>.generate( numItems, (int index) => DataRow( color: MaterialStateProperty.resolveWith<Color?>((Set<MaterialState> states) { // All rows will have the same selected color. if (states.contains(MaterialState.selected)) { return Theme.of(context).colorScheme.primary.withOpacity(0.08); } // Even rows will have a grey color. if (index.isEven) { return Colors.grey.withOpacity(0.3); } return null; // Use default value for other states and odd rows. }), cells: <DataCell>[DataCell(Text('Row $index'))], selected: selected[index], onSelectChanged: (bool? value) { setState(() { selected[index] = value!; }); }, ), ), ), ); } }