Using the datagrid (Fuel UX 2.x)

Using the datagrid

The datagrid can be connected to any source of data by creating a Data Source that responds to the columns and data functions.

Data Source examples

Static data already available on page

See the static data source we use for local testing and usage example

Data available through an AJAX call

See the Flickr API tutorial at http://dailyjs.com/2012/10/29/fuel-ux/

Advanced static data source with dot notation for nested properties

See Gist NestedDataSource (thanks to JoeHetfield for the example)

Advanced AJAX data source with dot notation for nested properties

See Gist NestedAjaxDataSource (thanks to ceokot for the example)

Hybrid data source supporting both static and AJAX data

See Gist On-Demand AJAX DataSource for Fuel UX DataGrid (broken) (thanks to btaylordesign for the example) ( Mirror by alsoicode, https://gist.github.com/alsoicode/5381417 )