import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false,
      home: MyWidget(),
    ),
  );
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: dTable()
    );
  }
}
Widget dTable() {
  var data = <Data>[
    Data("varun", "20", "2001"),
    Data("varun1", "21", "2000"),
    Data("varun2", "23", "1998"),
    Data("varun3", "26", "1995"),
  ];
  return DataTable(
    
    columns: [
      DataColumn(
        label: Text("Name"),
      ),
      DataColumn(
        label: Text("Age"),
      ),
      DataColumn(
        label: Text("Year"),
      ),
      DataColumn(label: FlutterLogo())
    ],
    rows: data.map((data) {
      return DataRow(cells: [
        DataCell(Text(data.name)),
        DataCell(Text(data.age)),
        DataCell(Text(data.year)),
        DataCell(FlutterLogo())
      ]);
    }).toList(),
  );
}

class Data {
  String name;
  String age;
  String year;
  Data(this.name, this.age, this.year);
}
 // [
 //          DataRow(cells:[
 //            DataCell(Text("Ross")),
 //            DataCell(Text("28")),
 //            DataCell(Text("2003")), 
 //            DataCell(FlutterLogo()),
 //          ]),
 //          DataRow(cells:[
 //            DataCell(Text("Joey")),
 //            DataCell(Text("38")),
 //            DataCell(Text("2001")), 
 //            DataCell(FlutterLogo()),
 //          ]),
 //          DataRow(cells:[
 //            DataCell(Text("Monica")),
 //            DataCell(Text("23")),
 //            DataCell(Text("2008")), 
 //            DataCell(FlutterLogo()),
 //          ]),
 //        ]
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.