flutter vertical scrollable table

SAMEERAZ.917 answered on July 22, 2021 Popularity 1/10 Helpfulness 1/10

answer flutter vertical scrollable table

related math 55

flutter vertical scrollable table

Comment

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Scrollable Table Example'),
        ),
        body: ScrollableTable(),
      ),
    );
  }
}

class ScrollableTable extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      scrollDirection: Axis.vertical,
      child: Table(
        border: TableBorder.all(),
        columnWidths: const <int, TableColumnWidth>{
          0: FixedColumnWidth(100),
          1: FixedColumnWidth(150),
          2: FixedColumnWidth(150),
        },
        defaultVerticalAlignment: TableCellVerticalAlignment.middle,
        children: [
          _buildTableHeader(),
          for (int i = 1; i <= 20; i++) _buildTableRow(i),
        ],
      ),
    );
  }

  TableRow _buildTableHeader() {
    return TableRow(
      children: [
        _buildHeaderCell('ID'),
        _buildHeaderCell('Name'),
        _buildHeaderCell('Score'),
      ],
    );
  }

  TableRow _buildTableRow(int id) {
    return TableRow(
      children: [
        _buildCell(id.toString()),
        _buildCell('Name $id'),
        _buildCell((id * 10).toString()),
      ],
    );
  }

  Widget _buildHeaderCell(String text) {
    return Padding(
      padding: const EdgeInsets.all(8.0),
      child: Text(
        text,
        style: TextStyle(fontWeight: FontWeight.bold),
        textAlign: TextAlign.center,
      ),
    );
  }

  Widget _buildCell(String text) {
    return Padding(
      padding: const EdgeInsets.all(8.0),
      child: Text(
        text,
        textAlign: TextAlign.center,
      ),
    );
  }
}

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: flutter whatever

Link to this answer
Share Copy Link

Contributed on Oct 11 2024

SAMEERAZ.917

0 Answers Avg Quality 2/10

Closely Related Answers

math 55

Comment

something worth to learn

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 22 2021

Xerothermic Xenomorph

0 Answers Avg Quality 2/10

flutter vertical scrollable table

Contents

More Related Answers

flutter vertical scrollable table

Closely Related Answers

math 55

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.