cellWidth

example/lib/main.dart

@@ -11,8 +11,11 @@ class MyApp extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const MaterialApp(
-      home: MyHomePage(),
+    return MaterialApp(
+      theme: ThemeData(
+        useMaterial3: true,
+      ),
+      home: const MyHomePage(),
       debugShowCheckedModeBanner: false,
     );
   }
@@ -70,7 +73,7 @@ class _MyHomePageState extends State<MyHomePage> {
       body: GanttChart(
         controller: _controller,
         grid: const GanttGrid(
-          columnWidth: 40,
+          columnWidth: 100,
           rowSpacing: 0,
           timelineAxisType: TimelineAxisType.daily,
           tooltipType: TooltipType.tap,
@@ -79,24 +82,24 @@ class _MyHomePageState extends State<MyHomePage> {
           taskBarColor: Colors.blue.shade400,
           activityLabelColor: Colors.blue.shade100,
           taskLabelColor: Colors.blue.shade900,
-          // taskLabelBuilder: (task) => Container(
-          //   padding: const EdgeInsets.all(8),
-          //   child: Text(task.label),
-          // ),
+          taskLabelBuilder: (task) => Container(
+            padding: const EdgeInsets.all(8),
+            child: Text(task.label),
+          ),
           gridColor: Colors.grey.shade300,
           taskBarRadius: 6,
           activityLabelStyle: Theme.of(context).textTheme.labelLarge,
-          // activityLabelBuilder: (activity) => Container(
-          //   padding: const EdgeInsets.all(8),
-          //   color: Colors.blue,
-          //   child: Text(
-          //     activity.label,
-          //     style: const TextStyle(
-          //       fontWeight: FontWeight.bold,
-          //       color: Colors.white,
-          //     ),
-          //   ),
-          // ),
+          activityLabelBuilder: (activity) => Container(
+            padding: const EdgeInsets.all(8),
+            color: Colors.blue,
+            child: Text(
+              activity.label,
+              style: const TextStyle(
+                fontWeight: FontWeight.bold,
+                color: Colors.white,
+              ),
+            ),
+          ),
           titleStyle: Theme.of(context).textTheme.titleLarge,
           titlePadding: const EdgeInsets.only(
             left: 8,

lib/src/gantt_chart_content.dart

@@ -41,9 +41,11 @@ class GanttChartContentState<T> extends State<GanttChartContent<T>> {
             labelColumnWidth: widget.config.labelColumnWidth,
             title: widget.config.style.chartTitleBuilder?.call(),
             timelineHeight: widget.config.timelineHeight,
-            itemBuilder: (context, index) => widget.config.style
-                .dateLabelBuilder(
-                    widget.controller.startDate.add(Duration(days: index))),
+            itemBuilder: (context, index) => SizedBox(
+              width: widget.config.cellWidth,
+              child: widget.config.style.dateLabelBuilder(
+                  widget.controller.startDate.add(Duration(days: index))),
+            ),
             dateScrollController: _dateScrollController,
             columnCount: widget.controller.columnCount,
           ),