在添加时在一行中的两列中显示两个表

Display two table in two columns in a row on adding

本文关键字：显示 两列 两个 添加 一行      更新时间：2023-09-26

我正在使用DropzoneJS，我希望模板是自定义的。

我的模板如下:

<div id="previewTemplate" style="display:none;">
    <table class="dz-preview">
        <tr>
            <td class="col-md-10">
                 <a href="#" class="dz-filename" data-dz-name=""></a>
            </td>
            <td class="col-md-2">
            X
            </td>
        </tr>
    </table>
</div>

在dropzone.js中，我添加了如下代码:

previewTemplate: $('#previewTemplate').html()

所以，它正在获取'#previewTemplate'的内部HTML。

我得到所有的表在一个单行。

现在，我希望一行中只有两个表。也就是说，在每行中我想要两列。

我怎么才能做到呢?

好吧，当我想在一个表中放入一个表时，我会指定一个td标签或在td标签内的标签，然后我将放入两个div标签，作为两个表的容器，并将它们的css属性更改为显示"inline-block"或"table-td"然后我将在其中插入表，像这样:

CSS 

    .table_inner_1 {
    display: inline-block;
    }
    .table_inner_2 {
    margin-left: 10px;
    display: inline-block;
    }
/*this below is just to target both td's of both of the inner tables*/
    .table_inner_1 table tr td:not(:first-child), .table_inner_2 table  tr td:not(:first-child) 
    {
    padding-left: 5px;
    }

相关文章：