Skip to content

Latest commit

 

History

6 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

How to show tooltips in the Flutter DataGrid cells.

In this article, you can learn about how to show tooltips in the Flutter DataGrid cells.

Initialize the SfDataGrid widget with all the required properties. To achieve this, you can wrap the Tooltip widget around the widget loaded in the DataGridCell and set the desired value in the Tooltip.message property within the DataGridSource.buildRow method.

class EmployeeDataSource extends DataGridSource {

…
 
 @override
 DataGridRowAdapter buildRow(DataGridRow row) {
    return DataGridRowAdapter(
        cells: row.getCells().map<Widget>((e) {
      return Tooltip(
        message: 'Employee ${row.getCells()[1].value} Data',
        child: Container(
          alignment: Alignment.center,
          padding: const EdgeInsets.all(8.0),
          child: Text(e.value.toString()),
        ),
      );
    }).toList());
  }
}

You can download the example from GitHub

About

How to show tooltips in the Flutter DataGrid cells

Topics

Resources

Stars

0 stars

Watchers

3 watching

Forks

Releases

Packages

Used by

Contributors

Languages