How to Create Scrollable Flutter Table | DataTable



You Can Create easily Flutter Table with this DataTable() Widget. Then You need columns and rows for the table. columns called DataColumn() and rows called DataRow(). DataColumn() insert label set Value and DataRow() insert DataCell() set Value.

DataTable() Code Example:

DataTable(
                  columns: [
                    DataColumn(
                      label: Text('ID',
                      style: TextStyle(
                        fontSize: 20,
                        fontWeight: FontWeight.w800,
                        color: Colors.red
                      ),)
                    ),
                    DataColumn(
                        label: Text('NAME',
                          style: TextStyle(
                              fontSize: 20,
                              fontWeight: FontWeight.w800,
                              color: Colors.red
                          ),)
                    ),
                    DataColumn(
                        label: Text('AGE',
                          style: TextStyle(
                              fontSize: 20,
                              fontWeight: FontWeight.w800,
                              color: Colors.red
                          ),)
                    ),
                  ],
                  rows: [
                    DataRow(cells: [
                      DataCell(
                        Text(
                          '0001'
                        )
                      ),
                      DataCell(
                          Text(
                              'Zisan'
                          )
                      ),
                      DataCell(
                          Text(
                              '16'
                          )
                      ),
                    ]),
                    DataRow(cells: [
                      DataCell(
                          Text(
                              '0002'
                          )
                      ),
                      DataCell(
                          Text(
                              'Riyan'
                          )
                      ),
                      DataCell(
                          Text(
                              '21'
                          )
                      ),
                    ]),
                    DataRow(cells: [
                      DataCell(
                          Text(
                              '0003'
                          )
                      ),
                      DataCell(
                          Text(
                              'Safiq'
                          )
                      ),
                      DataCell(
                          Text(
                              '29'
                          )
                      ),
                    ]),
                    DataRow(cells: [
                      DataCell(
                          Text(
                              '0004'
                          )
                      ),
                      DataCell(
                          Text(
                              'Faruk'
                          )
                      ),
                      DataCell(
                          Text(
                              '36'
                          )
                      ),
                    ]),
                    DataRow(cells: [
                      DataCell(
                          Text(
                              '0001'
                          )
                      ),
                      DataCell(
                          Text(
                              'Zisan'
                          )
                      ),
                      DataCell(
                          Text(
                              '16'
                          )
                      ),
                    ]),
                    DataRow(cells: [
                      DataCell(
                          Text(
                              '0002'
                          )
                      ),
                      DataCell(
                          Text(
                              'Riyan'
                          )
                      ),
                      DataCell(
                          Text(
                              '21'
                          )
                      ),
                    ]),
                    DataRow(cells: [
                      DataCell(
                          Text(
                              '0003'
                          )
                      ),
                      DataCell(
                          Text(
                              'Safiq'
                          )
                      ),
                      DataCell(
                          Text(
                              '29'
                          )
                      ),
                    ]),
                    DataRow(cells: [
                      DataCell(
                          Text(
                              '0004'
                          )
                      ),
                      DataCell(
                          Text(
                              'Faruk'
                          )
                      ),
                      DataCell(
                          Text(
                              '36'
                          )
                      ),
                    ]),
                    DataRow(cells: [
                      DataCell(
                          Text(
                              '0001'
                          )
                      ),
                      DataCell(
                          Text(
                              'Zisan'
                          )
                      ),
                      DataCell(
                          Text(
                              '16'
                          )
                      ),
                    ]),
                    DataRow(cells: [
                      DataCell(
                          Text(
                              '0002'
                          )
                      ),
                      DataCell(
                          Text(
                              'Riyan'
                          )
                      ),
                      DataCell(
                          Text(
                              '21'
                          )
                      ),
                    ]),
                    DataRow(cells: [
                      DataCell(
                          Text(
                              '0003'
                          )
                      ),
                      DataCell(
                          Text(
                              'Safiq'
                          )
                      ),
                      DataCell(
                          Text(
                              '29'
                          )
                      ),
                    ]),
                    DataRow(cells: [
                      DataCell(
                          Text(
                              '0004'
                          )
                      ),
                      DataCell(
                          Text(
                              'Faruk'
                          )
                      ),
                      DataCell(
                          Text(
                              '36'
                          )
                      ),
                    ]),
                    DataRow(cells: [
                      DataCell(
                          Text(
                              '0001'
                          )
                      ),
                      DataCell(
                          Text(
                              'Zisan'
                          )
                      ),
                      DataCell(
                          Text(
                              '16'
                          )
                      ),
                    ]),
                    DataRow(cells: [
                      DataCell(
                          Text(
                              '0002'
                          )
                      ),
                      DataCell(
                          Text(
                              'Riyan'
                          )
                      ),
                      DataCell(
                          Text(
                              '21'
                          )
                      ),
                    ]),
                    DataRow(cells: [
                      DataCell(
                          Text(
                              '0003'
                          )
                      ),
                      DataCell(
                          Text(
                              'Safiq'
                          )
                      ),
                      DataCell(
                          Text(
                              '29'
                          )
                      ),
                    ]),
                    DataRow(cells: [
                      DataCell(
                          Text(
                              '0004'
                          )
                      ),
                      DataCell(
                          Text(
                              'Faruk'
                          )
                      ),
                      DataCell(
                          Text(
                              '36'
                          )
                      ),
                    ]),
                  ])

How To Create Flutter DataTable:

Leave a Comment