hdma,
Первый пример хорошо иллюстрирует мои слова насчет клиента с логикой отображения и сервера, к которому ходит клиент. У вас "скомпилированные" с помощью вебпака файлы клиента, написан проект, кстати, на react. Заниматься реверс инжинирингом таких проектов не рекомендую, учитывая, что у вас отсутствуют знания о стеке который использовался разработчиком и вы видите даже не исходники, а уже собранные и минифицированные файлы.
Во втором проекте, который вы выкладываете используется dxDataGrid. С документацией можете ознакомиться
https://js.devexpress.com/Documentat...ts/dxDataGrid/
Если вкратце, то для вывода в нужном формате в конфиге для колонок(columns) есть опциональное поле cellTemplate.
$(function(){
$("#gridContainer").dxDataGrid({
dataSource: employees,
columns: [{
dataField: "Picture",
width: 100,
allowFiltering: false,
allowSorting: false,
[B]cellTemplate: function (container, options) {
$("<div>", { "class": "img-container" })
.append($("<img>", { "src": options.value }))
.appendTo(container);
}
},
...
]
});
});
В общем я по этой теме откланяюсь, считаю что уже дал ответ несколько раз. Как решать поставленную задачу думайте дальше сами. Но рекомендую обратить внимание, что писать приложения которые пользователь запускает локально на web технологиях не стоит, ввиду ограничений браузера, которые он накладывает на разработчика.