feat: add table size option

example/lib/main.dart

@@ -121,10 +121,11 @@ class _TimetableDemoState extends State<TimetableDemo> {
 
   @override
   Widget build(BuildContext context) {
+    var size = MediaQuery.of(context).size;
     return Scaffold(
+      // backgroundColor: Colors.green,
       body: Padding(
         padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top),
-        child: SingleChildScrollView(
         child: Column(
           children: [
             // toggle between horizontal and vertical
@@ -156,10 +157,13 @@ class _TimetableDemoState extends State<TimetableDemo> {
                 ),
               ],
             ),
-              Timetable(
+            Container(
+              color: Colors.white,
+              child: Timetable(
+                size: Size(size.width, size.height * 0.64),
                 tableDirection: _horizontal ? Axis.horizontal : Axis.vertical,
                 startHour: 3,
-                endHour: 22,
+                endHour: 24,
                 timeBlocks: blocks,
                 scrollController: _scrollController,
                 combineBlocks: true,
@@ -169,8 +173,8 @@ class _TimetableDemoState extends State<TimetableDemo> {
                   blockPaddingBetween: 10,
                 ),
               ),
-            ],
             ),
+          ],
         ),
       ),
     );

lib/src/timetable.dart

@@ -21,6 +21,7 @@ class Timetable extends StatefulWidget {
   const Timetable({
     this.tableDirection = Axis.vertical,
     this.timeBlocks = const [],
+    this.size,
     this.scrollController,
     this.scrollPhysics,
     this.startHour = 0,
@@ -37,6 +38,9 @@ class Timetable extends StatefulWidget {
   /// The Axis in which the table is layed out.
   final Axis tableDirection;
 
+  /// The [Size] of the timetable.
+  final Size? size;
+
   /// Hour at which the timetable starts.
   final int startHour;
 
@@ -106,9 +110,10 @@ class _TimetableState extends State<Timetable> {
       blocks = widget.timeBlocks;
     }
     var linePadding = _calculateTableTextSize().width;
-    return SingleChildScrollView(
-      key: // TODO(freek): test if this is necessary
-          ValueKey<int>(widget.timeBlocks.length),
+    return SizedBox(
+      width: widget.size?.width,
+      height: widget.size?.height,
+      child: SingleChildScrollView(
         physics: widget.scrollPhysics ?? const BouncingScrollPhysics(),
         controller: _scrollController,
         scrollDirection: widget.tableDirection,
@@ -125,6 +130,7 @@ class _TimetableState extends State<Timetable> {
               hourDimension: widget.hourDimension,
               tableOffset: _calculateTableStart(widget.tableDirection).width,
               theme: widget.theme,
+              size: widget.size,
             ),
             Container(
               margin: EdgeInsets.only(
@@ -132,8 +138,6 @@ class _TimetableState extends State<Timetable> {
                 left: _calculateTableStart(widget.tableDirection).width,
               ),
               child: SingleChildScrollView(
-              key: // TODO(freek): test if this is necessary
-                  ValueKey<int>(widget.timeBlocks.length),
                 physics: widget.scrollPhysics ?? const BouncingScrollPhysics(),
                 scrollDirection: widget.tableDirection == Axis.horizontal
                     ? Axis.vertical
@@ -219,17 +223,20 @@ class _TimetableState extends State<Timetable> {
             ),
           ],
         ),
+      ),
     );
   }
 
   Size _calculateTableStart(Axis axis) {
     return Size(
       (axis == Axis.horizontal)
-          ? 0
+          ? _calculateTableTextSize().width / 2
           : _calculateTableTextSize().width +
               widget.theme.tablePaddingStart +
               widget.theme.tableTextOffset,
-      (axis == Axis.vertical) ? 0 : _calculateTableTextSize().height,
+      (axis == Axis.vertical)
+          ? _calculateTableTextSize().height / 2
+          : _calculateTableTextSize().height,
     );
   }
 

lib/src/widgets/table.dart

@@ -10,6 +10,7 @@ class Table extends StatelessWidget {
   const Table({
     required this.startHour,
     required this.endHour,
+    this.size,
     this.tableDirection = Axis.vertical,
     this.hourDimension = 80,
     this.tableOffset = 20,
@@ -24,6 +25,9 @@ class Table extends StatelessWidget {
   /// The [Axis] in which the table is layed out.
   final Axis tableDirection;
 
+  /// The [Size] used for the table rendering.
+  final Size? size;
+
   /// The hour the table starts at.
   final int startHour;
 
@@ -64,7 +68,9 @@ class Table extends StatelessWidget {
                       Container(
                         color: theme.lineColor,
                         width: theme.lineHeight,
-                        height: tableHeight,
+                        height: (size ?? MediaQuery.of(context).size).height -
+                            textSize.dy -
+                            theme.tableTextOffset,
                       ),
                     ],
                   ),
@@ -84,7 +90,11 @@ class Table extends StatelessWidget {
                         // draw dotted line
                         for (int i = 0;
                             i <
-                                tableHeight /
+                                (((size ?? MediaQuery.of(context).size)
+                                            .height) -
+                                        textSize.dy -
+                                        theme.tableTextOffset -
+                                        theme.lineDashDistance) /
                                     ((theme.lineDashLength +
                                             theme.lineDashDistance) /
                                         2);
@@ -144,7 +154,7 @@ class Table extends StatelessWidget {
                       children: [
                         for (int i = 0;
                             i <
-                                (MediaQuery.of(context).size.width -
+                                ((size ?? MediaQuery.of(context).size).width -
                                         tableOffset -
                                         textSize.dx / 2) /
                                     ((theme.lineDashLength +