Tutorial by Examples | RIP Tutorial

Hello world

Initial starting point for iron-data-table. Working jsBin <!DOCTYPE html> <html> <head> <base href="https://polygit.org/polymer+:master/iron-data-table+Saulis+:master/components/"> <link rel="import" href="polymer/polymer.html&quo...

polymer • iron-data-table

CSS import

Import external style sheet. Working jsBin <!DOCTYPE html> <html> <head> <base href="https://polygit.org/polymer+:master/iron-data-table+Saulis+:master/components/"> <link rel="import" href="polymer/polymer.html"> ...

polymer • iron-data-table

Row details

Expand row details to display additional data. Working jsBin <!DOCTYPE html> <html> <head> <base href="https://polygit.org/polymer+:master/iron-data-table+Saulis+:master/components/"> <link rel="import" href="polymer/polymer.html&...

polymer • iron-data-table

Edit row details

Working jsBin <!DOCTYPE html> <html> <head> <base href="https://polygit.org/polymer+:master/iron-data-table+Saulis+:master/components/"> <link rel="import" href="polymer/polymer.html"> <script src="webcom...

polymer • iron-data-table

Edit row details using sub-element

This example uses a separate element to edit bound data to the row-detail template. Working jsBin <!DOCTYPE html> <html> <head> <base href="https://polygit.org/polymer+:master/iron-data-table+Saulis+:master/components/"> <link rel="import&q...

polymer • iron-data-table

Select row, prevent deselection

Default behavior is to de-select row when clicked twice. In some use cases, you might want to disable this de-selecting behavior. Note table.deselectItem(item) method will imperatively deselect an item. This works with both item or index (when using items array) as an argument. Working jsBin &lt...

polymer • iron-data-table