JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <input />
        </td>
    </tr>
</table>

JavaScript

var n = 5000,
    trs = '',
    row1 = '<tr> <td style="border-bottom: dotted 1px #000; width: 5px; height: 10px;"></td></tr>',
    row2 = '<tr><td><span style="display: inline-block; border-bottom: dotted 1px #000; width: 10px;"></span></td></tr>';

for (var i = 0; i < n; ++i) trs += row2;
document.querySelector('table').innerHTML += trs;