exp_table 0.0.6

simple table made by containers in rows

The Package Gives simplest way of implemnting a table in project . Table is made by adding bordered Containers in Rows, its easy and I'm using it coz the pre given table and grids are not easy in handling and hard to design and align

Features

Header,Body-list,Footer? cell: {height, width, txt align,txt colour,cell colour},

Getting started

Importing The Package

import 'package:exp_table/exp_table.dart'

Let's define a table structure. for single column,

    var strucList = [
       {
        "header": "header",
        // For separate styles for head,body,footer options are given below in doc 
        "height": 22,                          // Cell Height
        "width": 555,                          // Cell Width
        "fontSize": 25.0,                      // Font size
        "alignment": Alignment.center,         // Alignment
        "BackgroundColor": Colors.transparent, // cell background Colors
        "fontColor" : Colors.black,            // Font Colors
        "paramName": 'name',                   // this is database table header to write in body-cell & footer-cell
        "isFooter" : true                      // optional ,use if u have any footer 
      },
      // repeate like these for every column
    ];
    var dataList = [
      {
        "name" : "adlan",
      },
    ];

    //if isFooter = true
    var footerlist = [{
      'name' : 'total=99'
    }]

for footer

...
  "isFooter" = true,
...

Add exp_table as normal widget like

Container(
  height : 555,
  width : 555,
  child : ExpTable(           
    // keep in mind: ExpTable > Column > [head: Row, body: Epanded(ListView.builder) , foot: Row]   
    strucList : strucList,   // this is structure for the table,
    dataList : dataList,
    //if isFooter = true
    footerList : ['Your List']
  ),
),

Advance events: Used InkWell above each body Row for calling events "onTap", "onDoubleTap",

styles u can add with above properties styles won't overlap head: "height_head" = separate head height, "alignment_head" = alignment, "BackgroundColor_head" = header color, "fontSize_head" , "fontColor_body" ,

body: "height_body" = separete body height, "alignment_body" = alignment, "BackgroundColor_body", "fontSize_body" = font size, "fontColor_body",

footer "height_footer", "alignment_footer", "BackgroundColor_footer", "fontSize_footer", "fontColor_footer",

Additional information

Easy Support,Help or Work With Me

• Discord Channel

Will be adding some extra features like: horizontal scrolling, borders overlapping, hover-effects, etc...