如何使用List点击数据表元素<DataRow>

Question

我在 Windows 上使用 Dart 和 Flutter。

我正在使用 Datatable 类。

本课程使用

List<DataRow>

和

List<DataColumn>

。

我想单击表格元素。

现在，我只想打开一个弹出窗口。

请问如何实现数据表点击。

谢谢你

Answer 1

如果您只想要一个带有

DataTable

小部件的表格，使您可以单击单元格内容并显示弹出窗口，您可以遵循以下模式：

class HomePage extends StatelessWidget {
  const HomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: DataTable(
          columns: const [
            DataColumn(label: Text('Col 1')),
            DataColumn(label: Text('Col 2')),
          ],
          rows: [
            DataRow(cells: [
              DataCell(InkWell(
                  onTap: () {
                    showDialog(
                      context: context,
                      builder: (context) => AlertDialog(
                        content: const Text('This is a popup'),
                        actions: [TextButton(onPressed: () => Navigator.of(context).pop(), child: const Text('Close'))],
                      ),
                    );
                  },
                  child: const Text('Open popup'))),
              const DataCell(Text('Cell 2')),
            ])
          ],
        ),
      ),
    );
  }
}

这是一个最小的例子。如果您期待更多，请随时发表评论。