JSFiddle - React, Tailwind, and code Playground

by amindunited

HTML

<table data-v-76f3db88="" class="w-full mb-4 bg-white border-collapse"><tr data-v-76f3db88="" class="odd:bg-brand-grey-light"><td data-v-76f3db88="" class="p-3 text-sm text-right border-r font-headings text-brand-red whitespace-nowrap">
              1 x
            </td> <td data-v-76f3db88="" class="p-3 text-sm">
              Queen Base with Built in Drawers
            </td></tr><tr data-v-76f3db88="" class="odd:bg-brand-grey-light"><td data-v-76f3db88="" class="p-3 text-sm text-right border-r font-headings text-brand-red whitespace-nowrap">
              1 x
            </td> <td data-v-76f3db88="" class="p-3 text-sm">
              Table - Kitchen/Dining 8 Seater
            </td></tr><tr data-v-76f3db88="" class="odd:bg-brand-grey-light"><td data-v-76f3db88="" class="p-3 text-sm text-right border-r font-headings text-brand-red whitespace-nowrap">
              2 x
            </td> <td data-v-76f3db88="" class="p-3 text-sm">
              Bench Seat
            </td></tr><tr data-v-76f3db88="" class="odd:bg-brand-grey-light"><td data-v-76f3db88="" class="p-3 text-sm text-right border-r font-headings text-brand-red whitespace-nowrap">
              4 x
            </td> <td data-v-76f3db88="" class="p-3 text-sm">
              Chair (Kitchen/Dining)
            </td></tr><tr data-v-76f3db88="" class="odd:bg-brand-grey-light"><td data-v-76f3db88="" class="p-3 text-sm text-right border-r font-headings text-brand-red whitespace-nowrap">
              1 x
            </td> <td data-v-76f3db88="" class="p-3 text-sm">
              Wardrobe (Small)
            </td></tr><tr data-v-76f3db88="" class="odd:bg-brand-grey-light"><td data-v-76f3db88="" class="p-3 text-sm text-right border-r font-headings text-brand-red whitespace-nowrap">
              1 x
            </td> <td data-v-76f3db88="" class="p-3 text-sm">
              Bookcase - 2x2 Expedit/Kallax
            </td></tr><tr data-v-76f3db88="" class="odd:bg-brand-grey-light"><td data-v-76f3db88="" class="p-3...

JavaScript

const list = ['Queen Base with Built in Drawers', 'Table - Kitchen/Dining 8 Seater', 'Bench Seat', 'Chair (Kitchen/Dining)', 'Wardrobe (Small)', 'Bookcase - 2x2 Expedit/Kallax', 'Bookcase - 4x2 Expedit/Kallax', 'Bookcase - 5x5 Expedit/Kallax', 'Bookcase - Regular', 'Display Cabinet (Medium)', 'Display Cabinet (Small)', 'Bar Fridge', 'Regular Fridge', 'Desk (Medium)', 'Drawers - Under Desk', 'TV - Extra Large LCD in box', 'TV - Medium LCD/Plasma in box', 'Box - Large', 'Box - Small', 'Box - Large Plastic Tub/Bin', 'Bedside Table/Drawers', 'Hall Table', 'Coat Stand', 'Carpets & Rugs', 'Stereo/Speakers', 'Lamp - Bedside', 'Mirror', 'Kitchen Island Bench', 'Microwave', 'Washing Machine', 'Dryer', 'Heater', 'Ironing Board', 'Vacuum Cleaner', 'Laundry Basket/Bag', 'Garden Tools (misc)', 'Esky', 'Ladder', 'Workbench', 'Chair (Office)', 'Printer (Small Household)', 'Room Divider', 'Monitor', 'Bicycle', 'Pictures/Paintings', 'Sewing Machine'];

/*
docume nt.body.innerHTML = list.reduce((prev, acc) => {
  return prev + ` ${acc}`
}, '')
*/