Установить ширину отдельного DataColumn в PaginatedDataTable

у меня естьPaginatedDataTableс 4 . Поскольку у меня 4 столбца, они также не помещаются на моей странице, поэтому вам приходится прокручивать их по горизонтали. Только первыйDataColumnэтоstringдля имени и 3 других столбца будут приниматьintценить. Поэтому они не должны быть такими длинными.

Как я могу установитьwidthдля отдельныхDataColumns? Я также пытался добавитьcolumnSpacingно это обрезает правую часть таблицы и не настраивает столбцы по отдельности.

Ниже приведен мой код и скриншот моего текущего пользовательского интерфейса.

      Widget build(BuildContext context){
    return Scaffold(
      body: SingleChildScrollView(
        child: Padding(
          padding: const EdgeInsets.all(4.0),
          child: Column(
            children: [
              PaginatedDataTable(
                source: data,
                columns: [
                  DataColumn(label: Text('Name')),
                  DataColumn(label: Text('Amount')),
                  DataColumn(label: Text('Price')),
                  DataColumn(label: Text('Total')),
                ],
                rowsPerPage: 10,
              ),
            ],
          ),
        ),
      )
    );
  }

Заранее спасибо.

1 ответ

Мне удалось исправить это с помощью этого пакета: https://pub.dev/packages/data_table_2. Это почти то же самое, что и виджет, встроенный во флаттер, но у него гораздо больше возможностей для изменения таблицы.

Другие вопросы по тегам