iron-data-table is a Web Component for displaying data as a table or grid. Built on top of iron-list using Polymer.
Questions tagged [iron-data-table]
15 questions
2
votes
1 answer
Polymer 1.x: Getting custom element to say HELLO WORLD in Plunker
In this Plunk, why won't the x-foo element render HELLO WORLD?.
Given the more complex content-el seems to be importing an iron-data-table perfectly correctly. Am I overlooking something simple? Please answer with a working…

Let Me Tink About It
- 15,156
- 21
- 98
- 207
2
votes
2 answers
Polymer 1.x: iron-data-table does not load data nor header styles on first render when inside neon-animated-pages
The below screenshot shows how my iron-data-table element looks when it first loads. Notice the data is missing and the headers are not fully formatted (the width seems to be too small to show the column header labels).
However, if I enter a…

Let Me Tink About It
- 15,156
- 21
- 98
- 207
1
vote
2 answers
Getting iron-data-table to render demo data
When I run my code in this JSbin, I expect the iron-data-table to render with populated data similar to the way it does on this demo page. Instead, only the table headers render but the rest of the cells fail to populate.
What changes can be made to…

Let Me Tink About It
- 15,156
- 21
- 98
- 207
1
vote
1 answer
Iron-data-table fails to populate data from databinding
The following code taken from this demo works in my app:
https://saulis.github.io/iron-data-table/demo/index.html

Let Me Tink About It
- 15,156
- 21
- 98
- 207
0
votes
1 answer
Polymer dom-repeat inside Iron-data-table
So, I have a data something like this:
data: {
0: {
id: 1
name: Config1
devices: {
data: {
0: {
id: 1
ip_address: 192.168.11.1
},
1: {
id: 2
ip_address:…

Fajar Apriansyah
- 3
- 5
0
votes
1 answer
Popover and date time picker components hiding behind the iron-list of iron-data-table in Polymer
When I click on a component inside the 5th row, component not hided by 1,2,3 and 4 rows. Only hide the component by rows after 5th one(6,7,8..)
Some flex property affecting in the component style.
Working fine in this state
Data behind the table…

Anoop
- 1
- 1
0
votes
2 answers
Popover component hiding behind the table cells of Iron data table in polymer
popover overriding
Date picker overriding

Anoop
- 1
- 1
0
votes
1 answer
How to show an iron-data-table sorted
I have a list of items , those items have a sortOrder number and a name
I want to show it sorted by sortOrder but this is not working
…

88mary256
- 1,354
- 1
- 8
- 6
0
votes
1 answer
Clearing the filter text values in an iron-data-table programmatically
I am using iron-data-table to display and select a user from a list of users. I have a need to clear all the filter values at once, and I don't know if there is a feature I may be missing in the API.
I have successfully changed the filter values in…

Joel H.
- 2,764
- 3
- 22
- 34
0
votes
1 answer
Refresh iron-data-table
I'm using iron-data-table loaded with JSON data from iron-ajax. I let the user select multiple lines and click "delete".
The list is sent to the backend and is deleted from the database.

user2447161
- 277
- 4
- 12
0
votes
2 answers
Polymer 1.x: How to use dataSource function to filter iron-data-table?
Here is the Plunk.
I want to implement the dataSource filtering function for

Let Me Tink About It
- 15,156
- 21
- 98
- 207
0
votes
1 answer
Polymer 1.x: How to filter iron-data-table?
How do I add a filter attribute to
Which broke…

Let Me Tink About It
- 15,156
- 21
- 98
- 207
0
votes
2 answers
Polymer 1.x: How to pre-process the items in a list or repeater?
Here is the plunk.
Can anyone point me to a pattern that formats (or pre-processes) data items entering a repeater (like iron-list or iron-data-table) for example?
In other words, consider this plunk for example. Let's say I wanted to add a field to…

Let Me Tink About It
- 15,156
- 21
- 98
- 207
0
votes
1 answer
iron-data-table selected-item throws 'null' when currently selected item is selected again
In iron-data-table, when I click any currently selected row, I expect the selected-item ({{selectedItem}}) object to reflect the currently (and previously) selected row; but instead, it becomes null.
Steps to recreate the problem:
Open this…

Let Me Tink About It
- 15,156
- 21
- 98
- 207
0
votes
2 answers
Moving paper-input inside iron-data-table to its own sub-element causes row-detail to collapse when focused
I want to use iron-data-table to display and edit the details of one of its rows. I want the row detail to be a self-contained sub-element to the main iron-data-table. Similar to what is shown by this jsBin demo.
When run from a local repo on my…

Let Me Tink About It
- 15,156
- 21
- 98
- 207