JSFiddle - React, Tailwind, and code Playground

CSS

body {
    padding: 10px;
}

td {
    border: 1px solid #eee;
    padding: 5px;
}

JavaScript

var cars = [
      {model: "BMW", count: 23, details: "<p>I like <b>X6</b> from Germany</p>"},
      {model: "Hyundai", count: 30, details: "<p>I have <b>Verna</b> from Korea</p>"},
      {model: "Toyota", count: 08, details: "<p>Small <b>Yaris</b> from Japan</p>"},
      {model: "Fiat", count: 12, details: "<p>Latest <b>500c</b> from Italy</p>"}
  ];

cars.sort(function(a, b) { return a.model > b.model; });

var table = $("<table></table>");

$.each(cars, function(idx, car) {

  var row = $("<tr></tr>");

  row.append($("<td></td>").html(car.model));
  row.append($("<td></td>").html(car.count));
  row.append($("<td></td>").html(car.details));

  table.append(row);

});

// insert the table somewhere in your dom
$(document.body).append(table);