iron-data-table

WebJar for iron-data-table

License	Apache-2.0
Categories	Data
GroupId	org.webjars.bower
ArtifactId	iron-data-table
Last Version	1.0.6
Release Date	Jan 7, 2017
Type	jar
Description	iron-data-table WebJar for iron-data-table
Project URL	http://webjars.org
Source Code Management	https://github.com/Saulis/iron-data-table

Download iron-data-table

Filename	Size
iron-data-table-1.0.6.pom
iron-data-table-1.0.6.jar	284 KB
iron-data-table-1.0.6-sources.jar	22 bytes
iron-data-table-1.0.6-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/iron-data-table/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>iron-data-table</artifactId>
    <version>1.0.6</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/iron-data-table/
implementation 'org.webjars.bower:iron-data-table:1.0.6'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/iron-data-table/
implementation ("org.webjars.bower:iron-data-table:1.0.6")

Apache Buildr

'org.webjars.bower:iron-data-table:jar:1.0.6'

Apache Ivy

<dependency org="org.webjars.bower" name="iron-data-table" rev="1.0.6">
  <artifact name="iron-data-table" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='iron-data-table', version='1.0.6')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "iron-data-table" % "1.0.6"

Leiningen

[org.webjars.bower/iron-data-table "1.0.6"]

Dependencies

compile (7)

Group / Artifact	Type	Version
org.webjars.bower : github-com-polymerelements-paper-input	jar	[1.1.5,2)
org.webjars.bower : github-com-polymerelements-paper-icon-button	jar	[1.0.7,2)
org.webjars.bower : polymer	jar	[1.2.4,2)
org.webjars.bower : github-com-polymerelements-iron-iconset-svg	jar	[1.0.9,2)
org.webjars.bower : github-com-polymerelements-iron-resizable-behavior	jar	[1.0.2,2)
org.webjars.bower : github-com-polymerelements-paper-spinner	jar	[1.1.1,2)
org.webjars.bower : github-com-polymerelements-iron-list	jar	[1.2.0,2)

Project Modules

There are no modules declared in this project.

<iron-data-table>

Demos and API Documentation

Project currently inactive, maintainers needed

For a similar table component, I recommend using <vaadin-grid> 2.0

To install, run: bower install iron-data-table

iron-data-table displays a table or a grid of data. It builds on top of iron-list, which provides the foundation for features like virtual scrolling and templating.

It contains an array of data-table-column elements, which are used to define a template for the cells on each row item.

Rows use flex layout which enables cells to fit the available space.

Cell elements are placed outside the shadow root of the iron-data-table which allows them to be styled by the user.

Template model

Column templates should bind to template models of the following structure:

{
  index: 0,        // index in the item array
  selected: false, // true if the current item is selected
  item: {}         // user data corresponding to items[index],
  expanded: false  // true if row details have been expanded for the current item
}

For example, given the following data array:

data.json

[
  {"name": {
    "title": "miss",
    "first": "donna",
    "last": "davis"
  }},
  {"name": {
    "title": "mr",
    "first": "samuel",
    "last": "kelley"
  }},
  {"name": {
    "title": "ms",
    "first": "katie",
    "last": "butler"
  }}
]

The following code would render the table (note the name and checked properties are bound from the model object provided to the template scope):

<template is="dom-bind">
  <iron-ajax url="data.json" last-response="{{data}}" auto></iron-ajax>
  <iron-data-table items="[[data]]">
    <data-table-column name="First Name">
      <template>[[item.name.first]]</template>
    </data-table-column>
    <data-table-column name="Last Name">
      <template>[[item.name.last]]</template>
    </data-table-column>
  </iron-data-table>
</template>

Features (1.0)

• Virtual, 'infinite' scrolling provided by <iron-list>
• Lazy Loading
• Data filtering
• Data sorting
• Multi-Column sorting (thanks to @userquin)
• Item selection
• Multi-Selection
• Template support for each column
• Two-way binding support
• Custom styling support for templates
• Flex support for Cells
• Native Shadow DOM support
• Column manipulation, resizing, hiding, reordering
• Custom Header templates
• Basic Angular 2 support with directives
• Row Details (thanks to @gazal-k)

Roadmap

• <iron-data-table> is not actively maintained. For a similar table component, I recommend using <vaadin-grid> 2.0

Contributing

I'd appreciate any help and feedback on the component. If you have any ideas, opinions, nitpicks or anything at all about it, please don't hesitate to send an issue, PR or a message in the Gitter chat.

Currently, I would be very interested in hearing comments especially about the styling mixins and the horizontal scrolling!

Versions

Version
1.0.6 Jan 7, 2017
1.0.2 Aug 29, 2016
1.0.1 Aug 5, 2016