How do I add touch scrolling in HTML Element ?

"<div style='overflow-x: auto; padding: 5px;'>

<table border='1' style='width: 100%; border-collapse: collapse; border-radius: 20px; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);'>

<tbody>

<tr style='background-color: #f9f9f9;'>

<td style='padding: 20px; text-align: center; font-weight: bold; text-transform: uppercase; background-color: #e1f0fa; color: #4c6a92; width: 33%; border-radius: 8px 0 0 8px;'>" & MyArray.At(loopindex, 0) & "</td>

<td style='padding: 20px; text-align: center; background-color: #e1f0fa; color: #4c6a92; width: 33%;'>" & MyArray.At(loopindex, 1) & " min</td>

<td style='padding: 20px; text-align: center; background-color: " &

(MyArray.At(loopindex, 1) < 5 ? "#ffffff" : (MyArray.At(loopindex, 1) <= 5 ? "#d1e7d8" : (MyArray.At(loopindex, 1) <= 15 ? "#ffeb99" : "#ffffff"))) & "; color: #4c6a92; width: 33%; border-radius: 0 8px 8px 0;'>" &

(MyArray.At(loopindex, 1) < 5 ? "Low" : (MyArray.At(loopindex, 1) <= 5 ? "Good" : (MyArray.At(loopindex, 1) <= 15 ? "Excellent" : "Unknown"))) & "</td>

</tr>

</tbody>

</table>

</div>"