flutter DataTable multiline wrapping and centering

Issue

I'm trying to have multiple, centered lines in the DataColumn() row of a DataTable() in flutter. It seems, though, that there is no support for centering or for multiple lines.

My DataTable Code looks something like this:

class TestDayData extends StatelessWidget {
  final List<String> timesList = [
    "This is",
    "a bunch",
    "of strings",
  ];

  final String day;

  TestDayData({Key key, this.day}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: DataTable(
        showCheckboxColumn: false,
        columns: [
          DataColumn(
            label: Center(child: Text(day)),
            numeric: false,
          ),
        ],
        rows: timesList
            .map(
              (times) => DataRow(cells: [
                DataCell(
                  Text(times.toString()),
                ),
              ]),
            )
            .toList(),
      ),
    );
  }
}

I made a dartpad file here to show the above code in a larger context. (the reason that I am putting multiple DataTables in a Row widget, instead of using one DataTable for all of the days, is because I plan on putting each of them into a Stack widget so that I can overlay appointments on top of the columns.)

https://dartpad.dev/44bbb788e0d5f1e6393dd38a29430981

So far, I can approximate a multi-lined, centered DataColumn row by adding spaces and using a newline character as seen in the dartpad file. (but there has to be a better way!)

Solution

You are missing textAlign property in Text widget

DataTable(
  showCheckboxColumn: false,
  columns: [
    DataColumn(
      label: Center(child: Text(day, textAlign:TextAlign.center)),
        numeric: false,
      ),
    ],
    rows: timesList
      .map((times) => DataRow(cells: [
         DataCell(
           Text(times.toString(), textAlign: TextAlign.center),
         ),
      ]),
    )
    .toList(),
),

Answered By - Naveen Avidi