An open API service indexing awesome lists of open source software.

https://github.com/juicy/juicy-table-repeat

A workaround custom element which allows you to use dom-repeat inside table under IE and FF
https://github.com/juicy/juicy-table-repeat

frozen polymer

Last synced: 12 months ago
JSON representation

A workaround custom element which allows you to use dom-repeat inside table under IE and FF

Awesome Lists containing this project

README

          

# <juicy-table-repeat>

> This is a workaround custom element to support `` in `` under IE.
Will not be required after this Polymer issue is fixed: https://github.com/Polymer/polymer/issues/1567

## Install

Install the component using [Bower](http://bower.io/):

```sh
$ bower install Juicy/juicy-table-repeat --save
```

Or [download as ZIP](https://github.com/Juicy/juicy-table-repeat/archive/master.zip).

## Usage

1. Import Web Components' polyfill, if needed:

```html

```

2. Import Custom Element:

```html

```

3. Start using it!

Instead of following code:
```html







{{item.Name}}





```

Use this:

```html











{{item.Name}}



```

## Observing changes

**Note:** `juicy-table-repeat` observes changes in the `rows` array, but re-rendering HTML table might be expensive.

- A splice on the `rows` array causes entire table re-rendering.
- A row property change causes entire table row re-rendering.

## Options

Attribute | Options | Default | Description
--- | --- | --- | ---
`rows` | *Array* | | The array of objects to iterate over.

## [Contributing and Development](CONTRIBUTING.md)

## History

For detailed changelog, check [Releases](https://github.com/Juicy/juicy-table-repeat/releases).

## License

MIT