flutter data table using dynmic content to show grid column

Question

when I try to data in the list it's showing

But I m not able to show it in the data table.

Listview

import 'package:flutter/material.dart';
import 'package:flutter_sample/src/data/models/emp_data.dart';

class ListingData extends StatelessWidget {
final List<ListData> emp;

const ListingData({Key? key,required this.emp}) : super(key: key);
@override
Widget build(BuildContext context) {
return ListView.builder(
  itemCount: emp.length,
  itemBuilder: (context, index) {
    final empData = emp[index];
    return ListTile(
      title: Text('${empData.emp_name}'),
      subtitle: Text('${empData.designation}'),
    );
  },
);
}
}

i want to try with data table same data

example code

return DataTable(

  columns: const <DataColumn>[
    DataColumn(
      label: Text(
        'ID',
      ),
    ),
    DataColumn(
      label: Text(
        'Name',
      ),
    ),
    DataColumn(
      label: Text(
        'Role',
      ),
    ),
  ],


  rows: const <DataRow>[
    DataRow(
      cells: <DataCell>[
        DataCell(Text('${empData.id}'),
        DataCell(Text('${empData.emp_name}')),
   
      ],
    ),


  ],
);

I don't know how to get index values and data to set columns.

this thing how to set as the data table

itemCount: emp.length,
itemBuilder: (context, index) {
final empData = emp[index];

can anyone suggest to me the proper way to do

@yeasin Sheikh i have included data. Data is coming in the list, now i want to change to table. row i cant put please give me way to show the data — sarathi
– sarathi, Commented Jan 24, 2022 at 16:36

smita · Accepted Answer · 2022-01-29 10:59:33Z

2

Define rows as follows:

  rows: List.generate(
        emp.length,
        (index) => empDataRow(
            emp[index],
            )),

And define datarows(Here empDataRow) as follows where Employee your empData's class:

   DataRow empDataRow(Employee empData) {
     return DataRow(
            cells: <DataCell>[
               DataCell(Text('${empData.id}'),
               DataCell(Text('${empData.emp_name}')),
             ],),

answered Jan 29, 2022 at 10:59

smita

1613 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

flutter data table using dynmic content to show grid column

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related