Часто в одном проекте могут использоваться одинаковые по своей структуре и функционалу HTML-таблицы, но разные по данным. И приходится копировать HTML-код таблиц из одного компонента проекта в другой. Если таких таблиц в проекте нужно очень много, приходится много копировать одинакового кода и переделывать под другие входные данные. Но если эти таблицы имеют под собой ещё и какой-то функционал, к примеру: фильтрация столбцов, страничный просмотр, динамичное перемещение строк, то и этот функционал приходится копировать из одного компонента в другой. Но даже если тут можно сделать общий функциональный метод, всё равно придётся копировать, не в другие компоненты данного проекта, так в другие проекты.
Есть ли в Angular2 или других web-фреймворках более высокоуровневое решение? Чтобы не тащить по проектам копипастом тот же самый код, а ввести что-то вроде такой функции:
showHTMLTable([], [], {}) // передать массив значений таблицы, массив наименований столбцов и параметры таблицы (пример: нужна ли фильтрация столбцов, если да, то какая и т.п.)
или
<angularTable tableData="[]", tableHeader="['column1', 'column2', 'column3']"></angularTable> // один тег заменил бы теги <table>, <tr>, <td>
Средний
