Fix Columns about data_table_2 HOT 8 CLOSED

import 'package:flutter/material.dart';

class SyncScrollControllerManager {
  final List<ScrollController> _registeredScrollControllers = [];
  ScrollController? _scrollingController;
  bool _scrollingActive = false;

  void registerScrollController(ScrollController controller) {
    _registeredScrollControllers.add(controller);
  }

  void unregisterScrollController(ScrollController controller) {
    _registeredScrollControllers.remove(controller);
  }

  void processNotification(
      ScrollNotification notification, ScrollController sender) {
    if (notification is ScrollStartNotification && !_scrollingActive) {
      _scrollingController = sender;
      _scrollingActive = true;
      return;
    }

    if (identical(sender, _scrollingController) && _scrollingActive) {
      if (notification is ScrollEndNotification) {
        _scrollingController = null;
        _scrollingActive = false;
        return;
      }

      if (notification is ScrollUpdateNotification) {
        _registeredScrollControllers.forEach(
          (controller) {
            if (!identical(_scrollingController, controller)) {
              if (controller.hasClients) {
                controller.jumpTo(_scrollingController?.offset ?? 0);
              }
            }
          },
        );
        return;
      }
    }
  }
}

import 'package:data_table_2/data_table_2.dart';
import 'package:flutter/material.dart';
import './sync_scroll_controller_manager.dart';

class Home extends StatelessWidget {
  Home({Key? key}) : super(key: key);

  final ScrollController _leftScrollController = ScrollController();
  final ScrollController _rightScrollController = ScrollController();
  final SyncScrollControllerManager _syncScroller =
      SyncScrollControllerManager();

  @override
  Widget build(BuildContext context) {
    _syncScroller.registerScrollController(_leftScrollController);
    _syncScroller.registerScrollController(_rightScrollController);
    return Scaffold(
        appBar: AppBar(),
        body: Row(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            SizedBox( // first culumn
              width: 100,
              child: NotificationListener<ScrollNotification>(
                child: DataTable2(
                  scrollController: _leftScrollController,
                  // ... more properties
                ),
                onNotification: (ScrollNotification scrollInfo) { // listening scroll event
                  _syncScroller.processNotification(
                      scrollInfo, _leftScrollController);
                  return false;
                },
              ),
            ),
            Expanded( // second culumn
              child: NotificationListener<ScrollNotification>(
                child: DataTable2(
                  scrollController: _rightScrollController,
                  // ... more properties
                ),
                onNotification: (ScrollNotification scrollInfo) { // listening scroll event
                  _syncScroller.processNotification(
                      scrollInfo, _rightScrollController);
                  return false;
                },
              ),
            )
          ],
        ));
  }
}