【问题标题】:add notes in Data table flutter在数据表颤动中添加注释
【发布时间】:2021-03-08 04:01:42
【问题描述】:

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

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

效果很好!

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

基表在这里:

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

【问题讨论】:

    标签: flutter dart datatable


    【解决方案1】:
    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,
      );}
    

    对文本进行必要的对齐。

    【讨论】:

    • 这行不通,因为“'注 -------------------------------- ------'" 放入行中的第一个单元格,我需要将行中的所有行放在一个单元格中并将注释放入其中,
    • 如果您希望这样,最好使用 Table Widget 而不是 DataTable Widget。你可以在那里改变你想要的方式..
    猜你喜欢
    • 2019-10-23
    • 2011-08-31
    • 1970-01-01
    • 2021-06-25
    • 2023-03-13
    • 2021-01-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多