Stack Overflow
Stack Overflow

Questions tagged [ember-table]

A fast, lazy rendered, easily extensible table built with Ember.js.

is an open-source library for data tables based upon framework. https://github.com/Addepar/ember-table

It provides many features that a modern data table is expected to have, including:

  • Fixed headers and footers
  • Fixed columns
  • Row selection
  • Row sorting
  • Tree tables (with group collapsing)
  • Column resizing and reordering
  • Nested subcolumns (e.g. to create pivot tables)
  • Scalability - Can render thousands of rows performantly

By default, Ember Table is a feature complete data table solution that you can drop in to your app. Team aims to support most standard data table features, and provide escape hatches where possible.

Ember Table is also a relatively lightweight table solution, currently weighing in at 22kb (minified and gzipped) with plenty of extra weight to shed. Compare that to standalone table solutions like (152kb) or (196kb) and you can see how a table solution that integrates with the framework directly can save quite a few bytes.

Read more: https://opensource.addepar.com/ember-table/docs/why-ember-table

35 questions
11
votes
1 answer

Ember-table integration with Ember-model / Ember-data

I am trying to link ember-models to the ember-table to pull paginated records from the server and add them to the table when scrolling down. I can get it working by just requesting my api url with page number like in the ajax example on…
Rick Moss
  • 926
  • 1
  • 17
  • 34
4
votes
1 answer

Open modal dialog from within ember-table cell

I'm at my wit's end trying to accomplish what should be very straightforward behavior: I have an Ember table component (from Addepar), I would like to have buttons inside that table that trigger a modal dialog. Since I'm new to Ember, I started with…
Zack
  • 540
  • 5
  • 12
3
votes
1 answer

How to add a custom cell-template to Ember-Table table

In the past I've used a vanilla handlebars template to create a table with links to other templates like so. {{#each}} {{#link-to 'entities.entity' actorId}}{{/link-to}} …
idclark
  • 948
  • 1
  • 8
  • 27
3
votes
1 answer

addepar ember-table: how to retrieve currently selected model data

I have hooked up the content of ember-table with an ember-data model. I'm trying to get model object underlying the row that is currently selected. I've tried using this.get('selection') but to no avail. My ultimate goal is that i have an associated…
peta15
  • 103
  • 7
3
votes
3 answers

Ember-table: fails when used in a hidden div (workarounds welcome!)

I'm trying to use ember-table inside a Bootstrap tab, but apparently if the table is contained in a tab that is initially display: none, the table layout doesn't work: everything is mis-sized and stuck in the upper-left of the table container. I've…
S'pht'Kr
  • 2,809
  • 1
  • 24
  • 43
2
votes
1 answer

Ember-table dynamically add a new row

I am looking at this example here: http://emberjs.jsbin.com/bihemir/edit?html,css,js Content is made with the tableContent function. How would you add to this table dynamically? i.e call tableContent with five new values to be added to a new row…
shell
  • 1,867
  • 4
  • 23
  • 39
2
votes
2 answers

Ember : Build error after installing ember-table

I am using ember version 2.3.0. I have added ember-table addon in my ember project using ember-cli, ember install ember-table But after adding ember-table, I am not able to build my ember project as it is throwing following error in console, When…
Manu Benjamin
  • 987
  • 9
  • 24
2
votes
1 answer

How to add a custom row for adding data to ember-table?

I would like to add a custom row at the bottom of an ember-table so that it will allow the user to insert new rows to the table. Which approach should I take? The idea is similar to the one asked here but using a fixed row and ember-table.
Henry Vonfire
  • 1,281
  • 10
  • 18
2
votes
2 answers

Combining Ember Table with Ember Data

I'm trying to use Ember Data to bind data to Ember Table and display a list of contacts. I'm basing my code off of this question but I still seem to be missing something. The table is created and populated with the proxy objects and the promise to…
Jon
  • 1,234
  • 2
  • 12
  • 30
1
vote
0 answers

pnpm error upon fresh install in embroider app

I switched to pnpm in most of the apps that I maintain and it's an amazing tool. What I don't understand is how to troubleshoot dependency issues. I would really appreciate some help. The problem comes from one ember-specific addon, and I opened a…
rreckonerr
  • 33
  • 5
1
vote
0 answers

I want to create a ember table component whose value is updated dynamically [Ember.js]

when i bind a tracked variable to the ember table, this is the error that i get Error: Assertion Failed: You attempted to update rows on <(unknown):ember472>, but it had already been used previously in the same computation. Attempting to update a…
TheLooseCannon
  • 316
  • 3
  • 9
1
vote
1 answer

Addepar Table Emberjs Row Selection

I am new to emberjs and just started using addepar table. I need to add my own customization on click of a row in the table. Could someone please tell how can I override the default click/or row selection operation for the addpar table? I am trying…
eskarthic
  • 13
  • 3
1
vote
1 answer

Delete item from ember-tables

I'm trying add a delete button with an ember action from a controller. For some reason Ember.Handlebars.compile(' returns a function and not the compiled string. Here's a jsbin Here's the relevant…
kevnk
  • 18,733
  • 3
  • 28
  • 30
1
vote
2 answers

Addepar Ember Table Example (Non Coffeescript)

Is there any place to see an example of how to use this without knowing coffeescript? I have tried to convert the examples to just plain JS and its throwing errors all over the place. https://github.com/Addepar/ember-table Edit: I am trying to use…
thedemon
  • 329
  • 1
  • 6
  • 19
1
vote
0 answers

Ember-table integration with Ember Data using FixtureAdapter

I'm relatively new to Ember and JS frameworks and I'm facing difficulty in connecting a model to the Ember Table view/component. With the code I currently have, the table is rendering but the rows are not being populated with any data. Obviously,…
ashraf
  • 537
  • 7
  • 16
1
2 3