anchor.diff:  [.sampler]
   image:{live-demo-image}[alt="Live Demo", link="http://demo.vaadin.com/sampler/#ui/grids-and-trees/grid"]
   endif::web[]
  -
  -((("[classname]#Grid#")))
  -[classname]#Grid# is many things, and perhaps the most versatile and powerful
  -component in Vaadin. Like [classname]#Table#, it allows presenting and editing
  -tabular data, but escapes many of [classname]#Table#'s limitations. Efficient
  -lazy loading of data while scrolling greatly improves performance. Grid is
  -scalable, mobile friendly, and extensible.
   
   [[components.grid.overview]]
   == Overview
  
positive.code: bandwidth, such as mobile devices.
  
  The grid data can be edited with a row-based editor after double-clicking a row.
  The fields are generated with a field factory, or set explicitly, and bound to
  data with a field group.
  
  Grid is fully themeable with CSS and style names can be set for all grid
  elements. For data rows and cells, the styles can be generated with a row or
  
negative.code: Finally, [classname]#Grid# is designed to be extensible and used just as well
  for client-side development - its GWT API is nearly identical to the server-side
  API, including data binding.
  
  
  [[components.grid.data]]
  