cool_table 1.0.0 copy "cool_table: ^1.0.0" to clipboard
cool_table: ^1.0.0 copied to clipboard

Display Data in the cool table

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),
        ],
      ),
    ],
  ),
 
 

portfolio linkedin twitter