JSFiddle - React, Tailwind, and code Playground

HTML

<table id="example" class="display" style="width:100%">
  <thead>
    <tr>
      <th>Заголовок</th>
      <th>Директор</th>
      <th>Возвраст</th>
      <th>Изображения.</th>
    </tr>
  </thead>
</table>

JavaScript

const json = `{
  "response": {
    "type": "Заказ",
    "id": "1245",
    "items": [
      {
        "title": "Rear Window",
        "director": "Alfred Hitchcock",
        "year": 1954,
        "photo": {
          "1": "img1.jpg",
          "2": "img2.jpg",
          "3": "img3.jpg",
          "4": "img4.jpg"
        }
      },
      {
        "title": "Rear Window",
        "director": "Alfred Hitchcock",
        "year": 1954,
        "photo": {
          "1": "img5.jpg",
          "2": "img6.jpg",
          "3": "img7.jpg",
          "4": "img8.jpg"
        }
      }
    ]
  }
}`;

const data = JSON.parse(json);

$('#example').append(
  `<tbody>${data.response.items.map(n =>
    `<tr>
      <td>${n.title}</td>
      <td>${n.director}</td>
      <td>${n.year}</td>
      <td>${Object.values(n.photo).map(n => `<img src="${n}">`).join('')}</td>
    </tr>`).join('')}
  </tbody>`
);