Блог

Главная - Вопросы по программированию - Как мы можем добавить разделитель между строками таблицы в table flutter?

Как мы можем добавить разделитель между строками таблицы в table flutter?

#flutter #dart

#flutter #dart

Вопрос:

Я должен добавить разделительную линию между тремя таблицами, как мы можем добавить? Потому что он говорит: тип элемента ‘Divider’ не может быть назначен типу списка ‘TableRow’

Комментарии:

1. оберните TableRow с помощью Table и добавьте атрибут границы

2. опубликуйте свой код.

Ответ №1:

Вы можете попробовать этот способ, если вам нужна только нижняя строка.

 body: Table(
      border:
          TableBorder(bottom: BorderSide(), horizontalInside: BorderSide()),
      children: [
        TableRow(children: [
          Icon(Icons.access_alarm_outlined),
          Icon(Icons.access_alarm_outlined),
          Icon(Icons.access_alarm_outlined),
        ]),
        TableRow(children: [
          Icon(Icons.access_alarm_outlined),
          Icon(Icons.access_alarm_outlined),
          Icon(Icons.access_alarm_outlined),
        ])
      ],
    )

Ответ №2:

Обычно вы не можете вернуть разделитель в строку таблицы. Но вы можете сделать аналогично. Оберните свой TableRow с помощью Table и добавьте свойство border . Запустите этот код и посмотрите, как он работает.

 Container(
        color: Colors.white,
        padding: EdgeInsets.all(20.0),
        child: Table(
          border: TableBorder.all(color: Colors.black),
          children: [
            TableRow(children: [
              Text('Cell 1'),
              Text('Cell 2'),
              Text('Cell 3'),
            ]),
            TableRow(children: [
              Text('Cell 4'),
              Text('Cell 5'),
              Text('Cell 6'),
            ])
          ],
        ),
      )