horizontally scrollable cell

[jig-saw-yuki]

Could you tell me if there is a way to add a horizontal scroll bar to a cell like below?
DataTable2 does not support the auto-resize for the cell width based on the cell contents, which truncates the contents. So, I would like to add a horizontal scroll bar as a workaround.

DataCell(
        Container(
          width: 150,
          child: SingleChildScrollView(
            scrollDirection: Axis.horizontal,
            child: Row(
              children: [
                Icon(Icons.star),
                SizedBox(width: 10),
                Text('Status 1'),
                SizedBox(width: 10),
                Icon(Icons.check),
                SizedBox(width: 10),
                Text('Status 2'),
                SizedBox(width: 10),
                Text('Status 3'),
              ],
            ),
          ),
        ),
      ),

[chenhaomun]

@jig-saw-yuki Does the minWidth parameter help in this case?

If set, the table will stop shrinking below the threshold and provide horizontal scrolling. Useful for the cases with narrow screens (e.g. portrait phone orientation) and lots of columns (that get messed with little space)

final double? minWidth;

Example usage:

PaginatedDataTable2(
  minWidth: 600.0,
  columns: const [
    DataColumn2(label: Text('A')),
  ],
  source: YourSource(),
),

[jig-saw-yuki]

Hi @chenhaomun,

Thank you so much for your response!

Yes, I use the PaginatedDataTable2's minWidth and DataColumn2's fixedWidth as a workaround, which works.
However, because this column can be very long or very short, the fixedWidth must be set to the longer one. As a result, when there is only short content, a large blank space is created on the right side.

I know that PaginatedDataTable2 does not have the ability to adjust the column width based on the cell's content width. That's why I am seeking a way to add at least a horizontal scroll bar there.

Thanks,
Yuki