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
Will be adding some extra features like: horizontal scrolling, borders overlapping, hover-effects, etc...