JSFiddle - React, Tailwind, and code Playground

HTML

<div>

</div>

CSS

.a {
  color: #666666;
}

.b {
  color: #666666;
}

.c {
  color: #666666;
}

/*tr:nth-child(even) {background: #CCC}*/
tr:nth-child(even) {background: #FFF}

table {
  border: 0px;
  border-collapse: collapse;
}

JavaScript

var groupA = ["習慣性吻別","壓力爆發/感覺迷茫的時候","Can’t take my eyes off you","學會了你擅長的事","發現信件盒子","睡前故事The story of……","酩酊大醉Cheers darlin’","冷水澡","初見回憶","你的手還是那麼冷","Foollow me/驚喜","沒有言語的夜","舊疾復發","陌生的熟悉的你的樣子/工作探班","第四次晚歸","Hello stranger/一時興起的419PLAY","從back kiss再開始/享受你的親吻","熟悉到每一寸的甜美的身體","說不出口的情話","Road tirps/公路旅行","人群裡你的氣味","被忘記的紀念日","逃家","如果我死去/BE妄想","我們的貓跑丟了","瞞著你抽煙","秘密抽屜","我們還沒做過的事","討厭卻愛著你的一切","遲來十年的告白"];
var groupC = ["年齡差","在能被他人看見的地方留下吻痕/咬痕","蒙眼","捆綁","射在任意一方的任意部位","不碰性器官就射","dirty talk","水仙（doppelganger）","暴露/偷窺","第一次","多攻一受","騎乘","漫長的前戲（就是不上）","紋身/穿孔/等等","擼給他看","強迫/半強迫性行為","非插入式性行為","拒絕高潮","電話性愛","佔有欲","權力對調","鞭打/拍打","rimming","小空間內/暗處性愛","面對鏡子做愛","使用口塞/項圈/手銬/玩具（或同時）","支配/服從關係","“現在就做”","使用槍械/刀具","任意一方是超自然生物（觸手/鬼魂/吸血鬼/等等）"];
var groupB = ["故障電梯間","汽車引擎蓋","孤島岩洞","太空船","咖啡廳","古樹的粗枝上","監獄","地下研究室","旅館","山間隱秘小道","溫泉","拍賣會所","牛郎館","專機頭等艙","旅客稀少的火車臥鋪","水鄉的烏篷船","橋","午夜的高速路","史前生物(如恐龍)博物館","破舊的小廟","末班的雙層公車","酒吧","衣櫃裡","樓梯的夾層間","跆拳道館","街頭體育場的鐵絲網","重型機車","天文臺","電話亭","人滿為患的地鐵"];

/*for(var index=0;index<30;++index) {
	groupA[index] = (index+1)+'. ' + groupA[index];
  groupB[index] = (index+1)+'. ' + groupB[index];
  groupC[index] = (index+1)+'. ' + groupC[index];
}*/
var temp = '<table><td></td><td>相戀十年30題</td><td>H地點30題</td><td>燉肉30題</td>';
for(var index=0;index<30;++index) {
  temp += '<tr><td>'+(index+1)+'&nbsp;&nbsp;&nbsp;'+'</td>';
  var rand = Math.floor(Math.random()*groupA.length);
  temp += '<td class="a">'+ groupA[rand] + '</td>';
  groupA.splice(rand, 1);
  rand = Math.floor(Math.random()*groupB.length);
  temp += '<td class="b">'+ groupB[rand] + '</td>';
  groupB.splice(rand, 1);
  rand = Math.floor(Math.random()*groupC.length);
  temp += '<td class="c">'+ groupC[rand] + '</td>';
  groupC.splice(rand, 1);
  temp += '</tr>';
}
temp += '</table>';
document.querySelector('div').innerHTML = temp;