table of month values

lib/main.dart

@@ -28,35 +28,19 @@ class MonthValuesPage extends StatelessWidget {
     "December": 5,
   };
 
-  List<Widget> getMonthValueWidget(){
+  final monthTableRowTextStyle = TextStyle(fontSize: 35);
-    var monthWidgets = List<Widget>();
+
-    monthValues.forEach((key, value) {
+  TableRow getMonthTableRow(MapEntry<String, int> month) {
-      monthWidgets.add(
+    return TableRow(
-        Row(
+      children: [
-          children: <Widget>[
+        TableCell(
-            Container(
+            child: Text(month.key, style: monthTableRowTextStyle)
-                alignment: Alignment.center,
+        ),
-                child: Text(
+        TableCell(
-                    key,
+            child: Text(month.value.toString(), style: monthTableRowTextStyle)
-                    style: TextStyle(
-                        fontSize: 35
-                    )
-                )
-            ),
-            Container(
-                alignment: Alignment.centerRight,
-                child: Text(
-                    value.toString(),
-                    style: TextStyle(
-                        fontSize: 35
-                    )
-                )
-            )
-          ],
         )
-      );
+      ]
-    });
+    );
-    return monthWidgets;
   }
 
   @override
@@ -67,8 +51,8 @@ class MonthValuesPage extends StatelessWidget {
           appBar: AppBar(
               title: Text("Month Values")
           ),
-          body: Column(
+          body: Table(
-            children: this.getMonthValueWidget()
+            children: monthValues.entries.map(getMonthTableRow).toList()
           )
       ),
     );