Cool Data Table in your Flutter app

If you want to display your data in the table, use this package.

Add dependency:

Add latest version of this package in your pubspec.yaml

cool_table: 1.0.0

Usage

If you are familiar with Html, you may easily adapt this package.

WTable is main widget which is the holder of your rows and columns.

WTR means the table row, you may give the style for every row separately

WTD means the cell in the row, it has also some customizations.

WTable(
    border: Border.all(color: Colors.black, width: 1),
    padding: EdgeInsets.zero,
    rows: const [
      WTR(
        border:
            Border(bottom: BorderSide(width: 2, color: Colors.blue)),
        children: [
          WTD(child: Text("#"), flex: 1),
          WTD(child: Text("Full name"), flex: 2),
          WTD(child: Text("Website"), flex: 2),
        ],
      ),
      WTR(
        children: [
          WTD(child: Text("1"), flex: 1),
          WTD(child: Text("Bobobek Turdiev"), flex: 2),
          WTD(child: Text("https://bobobek.com"), flex: 2),
        ],
      ),
      WTR(
        children: [
          WTD(child: Text("2"), flex: 1),
          WTD(child: Text("Programmer UZ"), flex: 2),
                  WTD(child: Text("https://programmer.uz"), flex: 2),
        ],
      ),
    ],
  ),
 
 

🔗 Links