Ember Table 2.0

ember-table.hbs

{{#if template}}
  {{yield columns rows}}
{{else}}
  {{#ember-table data=data columns=columnsData as |columns rows|}}
    {{#table-header columns=columns as |name|}}
      {{name}}
    {{/table-header}}
    {{#table-body rows=rows as |value column|}}
      {{value}}
    {{/table-body}}
    {{#table-footer as |summary column|}}
      {{summary}}
    {{/table-footer}}
  {{/ember-table}}
{{/if}}

gistfile1.txt

# Table Template

```
{{#if template}}
  {{yield columns rows}}
{{else}}
  {{#ember-table data=data columns=columnsData as |columns rows|}}
    {{#table-header columns=columns as |name|}}
      {{name}}
    {{/table-header}}
    {{#table-body rows=rows as |value column|}}
      {{value}}
    {{/table-body}}
    {{#table-footer as |summary column|}}
      {{summary}}
    {{/table-footer}}
  {{/ember-table}}
{{/if}}
```


# Barebone Table

```
{{#ember-table data=data columns=columnsData as |columns rows|}}
  {{#table-header columns=columns as |name|}}
    {{name}}
  {{/table-header}}
  {{#table-body rows=rows as |value column|}}
    {{value}}
  {{/table-body}}
  {{#table-footer as |summary column|}}
    {{summary}}
  {{/table-footer}}
{{/ember-table}}
```

# Sorting
```
{{#ember-table data=data columns=columnsData as |columns rows|}}
  {{#table-header columns=columns as |name column|}}
    {{#action 'sortData' column}}{{name}}{{/action}}
  {{/table-header}}
  ...
{{/ember-table}}
```

# Customizing Table Cells
```
{{#ember-table data=data columns=columnsData as |columns rows|}}
  {{#table-body rows=rows as |value column|}}
    {{#if (eq column.type 'date')}}
      {{format-date value}}
    {{else if (eq column.type 'component')}}
      {{component column.componentName value=value}}  
    {{else}}
      {{value}}
    {{#if}}
  {{/table-body}}
  ...
{{/ember-table}}
```

some-template.hbs

{{#ember-table data=data columns=columnsData as |columns rows|}}
  {{#table-header columns=columns as |name|}}
    {{name}}
  {{/table-header}}
  {{#table-body rows=rows as |value column|}}
    {{value}}
  {{/table-body}}
  {{#table-footer as |summary column|}}
    {{summary}}
  {{/table-footer}}
{{/ember-table}}

sortable-example.hbs

{{#ember-table data=data columns=columnsData as |columns rows|}}
  {{#table-header columns=columns as |name column|}}
    {{#action 'sortData' column}}{{name}}{{/action}}
  {{/table-header}}
  ...
{{/ember-table}}

table-body.hbs

{{#each row in rows}}
  {{#each column in columns}}
    {{#if template}}
      {{yield column row}}
    {{else}}
      {{component column.componentName row=row column=column}}
    {{/if}}
  {{/each}}
{{/each}}