Hwo to stack vertically many buttons on a html table in a single row cell : I'm creating and filling up an html table dinamically on AJAX callback with Javascript.
My need would be to stack 3 buttons vertically on a single row cell.
I've tried with the standard:

    var btn = document.createElement('input');
    btn.type = "button";
    btn.className = "btn";
    btn.value = "Test1";

and then appending these buttons to the pertaining <td> cell.
Actually this makes the buttons to be created on the same row, from left to right. My need would be to have them created vertically, instead.
May I use the button group option, setting its property to vertical?
I'm not sure if the button group can be used as a <td> child.

Thanks for your support.