时间戳

首页 > 解决方案 > 在数据表颤动中添加注释

flutter - 在数据表颤动中添加注释

问题描述

我有一个颤振的应用程序，我有一个数据表，

我让用户选择一些产品并将这些产品放入该数据表中，

效果很好！

但是如果用户在一个产品上添加了一些注释，我可以把这个注释放在产品下面的一行中并完成表格吗？

基表在这里：

https://i.stack.imgur.com/1hUcS.jpg

这是我的代码：

 Widget DATATABLE() {
return DataTable(
  columns: [
    DataColumn(label: FittedBox(child: Text(arabic('Product')))),
    DataColumn(label: FittedBox(child: Text(arabic('Price')))),
    DataColumn(label: FittedBox(child: Text(arabic('Quantity')))),
    DataColumn(label: FittedBox(child: Text(arabic('Total')))),
  ],
  rows: [
    DataRow(cells: [
      DataCell( FittedBox(child: Text('{element.name}'))), //product name
      DataCell(FittedBox(child: Text('{element.unitPrice}'))), // product price
      DataCell(FittedBox(child: Text('{element.quantity}'))), // product quantity
      DataCell(FittedBox(child: Text('{element.unitPrice * element.quantity}'))),
    ]) ,
    DataRow(cells: [
      DataCell( FittedBox(child: Text('{element.name}'))), //product name
      DataCell(FittedBox(child: Text('{element.unitPrice}'))), // product price
      DataCell(FittedBox(child: Text('{element.quantity}'))), // product quantity
      DataCell(FittedBox(child: Text('{element.unitPrice * element.quantity}'))),
    ]) ,
    DataRow(cells: [
      DataCell( FittedBox(child: Text('{element.name}'))), //product name
      DataCell(FittedBox(child: Text('{element.unitPrice}'))), // product price
      DataCell(FittedBox(child: Text('{element.quantity}'))), // product quantity
      DataCell(FittedBox(child: Text('{element.unitPrice * element.quantity}'))),
    ]) 
  ],
  sortColumnIndex: 0,
  sortAscending: true,
);

}

如何在产品下添加注释，如下所示：

https://i.stack.imgur.com/lGyWh.jpg

标签： flutterdartdatatable

解决方案

Widget DATATABLE() {

  return DataTable(
    columns: [
      DataColumn(label: FittedBox(child: Text(arabic('Product')))),
      DataColumn(label: FittedBox(child: Text(arabic('Price')))),
      DataColumn(label: FittedBox(child: Text(arabic('Quantity')))),
      DataColumn(label: FittedBox(child: Text(arabic('Total')))),
    ],
    rows: [
      DataRow(cells: [
        DataCell( Column (
          children: [
            FittedBox(child: Text('{element.name}')),
            FittedBox(child: Text('Note --------------------------------------')),
          ],
        )), //product name
        DataCell(FittedBox(child: Text('{element.unitPrice}'))), // product price
        DataCell(FittedBox(child: Text('{element.quantity}'))), // product quantity
        DataCell(FittedBox(child: Text('{element.unitPrice * element.quantity}'))),

      ] ) ,

      DataRow(cells: [
        DataCell( FittedBox(child: Text('{element.name}'))), //product name
        DataCell(FittedBox(child: Text('{element.unitPrice}'))), // product price
        DataCell(FittedBox(child: Text('{element.quantity}'))), // product quantity
        DataCell(FittedBox(child: Text('{element.unitPrice * element.quantity}'))),
      ]) ,
      DataRow(cells: [
        DataCell( FittedBox(child: Text('{element.name}'))), //product name
        DataCell(FittedBox(child: Text('{element.unitPrice}'))), // product price
        DataCell(FittedBox(child: Text('{element.quantity}'))), // product quantity
        DataCell(FittedBox(child: Text('{element.unitPrice * element.quantity}'))),
      ])
    ],
    sortColumnIndex: 0,
    sortAscending: true,
  );}

对文本进行必要的对齐。

推荐阅读