具有多列的div内的表格内容（列数）

Question

如何让表格内容流入其旁边的列？表格和div-table-imitation都不是通缉行为。有人有想法吗？

<style>
    .columns
    {
    -webkit-column-count: 3;
    -webkit-column-gap: 10px; 
    -webkit-column-rule: 0px dotted black;
    -moz-column-count: 3;
    -moz-column-gap: 10px;  
    -moz-column-rule: 0px dotted black;
    column-count: 3;
    column-gap: 10px; 
    column-rule: 0px dotted black;
    }
</style>


<div class="columns">
    <table>
        <tr>
            <td>This</td>
            <td>Stuff</td>
        </tr>
        <tr>
            <td>should</td>
            <td>flow</td>
        </tr>
        <tr>
            <td>into</td>
            <td>the</td>
        </tr>
        <tr>
            <td>next</td>
            <td>column...</td>
        </tr>
        <tr>
            <td>..</td>
            <td>..</td>
        </tr>
    </table>
</div>

或者我是否必须以某种方式分别编写行，并通过jquery调整其单元格的宽度？