custom_datatable 0.0.1
custom_datatable: ^0.0.1

Flutter Android iOS web

A Flutter package that allows customization of the datatable by modifying the colors

custom_datatable #

A Flutter package that allows customization of the datatable by modifying the colors

Getting Started #

This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Example #

import 'package:example/widgets/custom_datatable.dart';
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
  TextStyle headerTextStyle =TextStyle(color:Colors.white,fontSize:20);
    return MaterialApp(
      title: 'Custom Datatable example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body:
          Center(
            child:
              CustomDataTable(
                dataTable: DataTable(
                   columns: [DataColumn(label: Text("Name",style: headerTextStyle,),),DataColumn(label: Text("Email",style: headerTextStyle,),),DataColumn(label: Text("Adress",style: headerTextStyle,),),],
                  rows: [
                    DataRow(cells: [DataCell(Text("Brandon")),DataCell(Text("brandon@gmail.com")),DataCell(Text("4982  Mutton Town Road"))]),
                    DataRow(cells: [DataCell(Text("Jane")),DataCell(Text("jane@gmail.com")),DataCell(Text("1800  Fort Street")),]),
                    DataRow(cells: [DataCell(Text("John"),),DataCell(Text("john@gmail.com"),),DataCell(Text("1308  Berkley Street"),),]),
                  ]
                ),
          )
      )
    );
  }
}

These are the default colors

BlueTable

You can change it by modifying the headerColor,rowColor1 and rowColor2 parameters

    CustomDataTable(
        headerColor: Colors.green,
        rowColor1:Colors.grey.shade300,
        dataTable: DataTable(
            columns: [DataColumn(label: Text("Name",style: headerTextStyle,),),DataColumn(label: Text("Email",style: headerTextStyle,),),DataColumn(label: Text("Adress",style: headerTextStyle,),),],
            rows: [
            DataRow(cells: [DataCell(Text("Brandon")),DataCell(Text("brandon@gmail.com")),DataCell(Text("4982  Mutton Town Road"))]),
            DataRow(cells: [DataCell(Text("Jane")),DataCell(Text("jane@gmail.com")),DataCell(Text("1800  Fort Street")),]),
            DataRow(cells: [DataCell(Text("John"),),DataCell(Text("john@gmail.com"),),DataCell(Text("1308  Berkley Street"),),]),
            ]
        ),
        )

GreenTable

1
likes
90
pub points
56%
popularity

A Flutter package that allows customization of the datatable by modifying the colors

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

yasmin.carolina12@gmail.com

License

BSD (LICENSE)

Dependencies

flutter

More

Packages that depend on custom_datatable