import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: 'Flutter Demo',
      debugShowCheckedModeBanner: false,
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final source = _Source(items: Data.data);

  @override
  Widget build(BuildContext context) {
    final themeData = Theme.of(context).copyWith(
        dataTableTheme: const DataTableThemeData(
      columnSpacing: 0,
      horizontalMargin: 0,
      dividerThickness: 0,
      checkboxHorizontalMargin: 0,
    ));

    return Theme(
      data: themeData,
      child: PaginatedDataTable(
        columns: [
          DataColumn(
            label: const Center(
              child: Text(
                'Centered',
                textAlign: TextAlign.center,
              ),
            ),
            // numeric: true,
            onSort: (columnIndex, ascending) => setState(() {
              source.sort(ascending);
            }),
          ),
          const DataColumn(
            label: Text(
              'Second',
              textAlign: TextAlign.center,
            ),
          ),
        ],
        sortColumnIndex: 0,
        sortAscending: source.ascending,
        source: source,
      ),
    );
  }
}

class Data {
  static List<String> get data => List.generate(100, (index) => '$index');
}

class _Source extends DataTableSource {
  _Source({
    required this.items,
  });

  final List<String> items;
  bool ascending = false;

  @override
  DataRow? getRow(int index) {
    return DataRow.byIndex(index: index, cells: [
      DataCell(Center(child: Text(items[index]))),
      DataCell(Text(items[index])),
    ]);
  }

  void sort(bool ascending) {
    this.ascending = ascending;

    items.sort((a, b) => ascending ? a.compareTo(b) : b.compareTo(a));
    notifyListeners();
  }

  @override
  bool get isRowCountApproximate => false;

  @override
  int get rowCount => items.length;

  @override
  int get selectedRowCount => 0;
}