如何添加自定义行以将数据添加到ember-table？

Question

我想在ember-table的底部添加一个自定义行，以便允许用户在表中插入新行。我应该采取哪种方法？这个想法类似于问here，但使用固定行和ember-table。

Answer 1

我建议扩展Ember Table来覆盖footerContent：

import Ember from 'ember';
import TableComponent from 'ember-table/components/ember-table';
MyTable = TableComponent.extend({
  footerContent: ...
});

然后，您使用自定义行覆盖Ember.Table.Row，并将其放入footerContent。您可以在该行上定义一个额外的操作，用于获取行的数据并将其添加到支持主表的content。 （您需要将content的引用传递到自定义行中。

你可以通过覆盖bodyContent来做同样的事情，但我认为使用页脚是完美的，并且我越来越认为覆盖bodyContent是一个坏主意。