JSFiddle - React, Tailwind, and code Playground
by novikov433
HTML
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row" id="rezult"></div>JavaScript
let data = [
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '82.1',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.11',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '892',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.21',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '920',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.31',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '92П',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.22',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '92П',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.22',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '92П',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.22',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '82.1',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.11',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '892',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.21',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '920',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.31',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '92П',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.22',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '92П',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.22',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '92П',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.22',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '82.1',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.11',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model: '892',
country: {
ru:'Беларусь',
ua: 'Білорусь',
},
price: '1.21',
},
{
name: {
ru:'МТЗ',
ua: 'МТЗ',
},
model:...