Как прибиндить Array с Objects к HTML-таблице?

Question

[Дмитрий Логвиненко]

Не слишком силен в JavaScript-фреймворках и либах.

Есть массив с объектами, скажем:

var arr = [
    { key1: value1, key2: value2, key3: value3 },
    { key1: value1, key2: value2, key3: value3 },
    { key1: value1, key2: value2, key3: value3 }
    /* ... */
];

и соответствующая таблица:

<table><tbody>
    <tr data="object1">
        <td data="key1">value1</td><td data="key2">value2</td><td data="key3">value3</td>
    </tr>
    <tr data="object2">
        <td data="key1">value1</td><td data="key2">value2</td><td data="key3">value3</td>
    </tr>
    <tr data="object3">
        <td data="key1">value1</td><td data="key2">value2</td><td data="key3">value3</td>
    </tr>
    <!-- ... ->
</tbody></table>

Есть ли способ автоматически отражать в таблице изменения, производимые в массиве с объедками объектами (сортировка, добавление, изменение значений)?

Answer 1

[Mikhail Osher]

https://www.datatables.net/

Answer 2

[Евгений Петров]

По сути вы хотите Object Observe. Увы, но пока это ещё не стало реальностью.
Так что ИМХО придётся при изменения этого объекта вручную вызывать обновление таблицы. И, опять же, ИМХО это лучше делать с помощью сервисного слоя.