Question

这是我的fiddle

这是我的HTML代码

<table id="example" class="display" cellspacing="0" width="100%">
        <tbody>
            <tr>
                <td style="display:none">Tiger Nixon</td>
                <td>System Architect</td>
            </tr>
            <tr>
                <td style="display:none">Garrett Winters</td>
                <td>Accountant</td>
            </tr>
    </tbody>
</table>

我得到的输出就像

System Architect
Accountant

但我希望显示像

System Architect | Accountant

即，Row应该看起来像列。

注意：

我隐藏了第一个td，因为我的搜索插件（数据表）会考虑<td>

中的第一个<tr>

我该怎么做？

Answer 1

看起来您正在尝试在表元素上强制使用非表结构。尽管使用CSS可以实现这一点（正如其他人所说的那样），但这是不好的做法，应该避免使用。我建议切换到使用divs或列表元素的其他UI插件。

Answer 2

我会说一个简单的CSS可以解决这个问题：

#example tr {
    display : inline-block;
}

Answer 3

#example tr {
    display: inline-block;
}

请使用此...

Answer 4

在CSS中使用tr { display:table-cell};，为<tr><td>

添加额外的|

小提琴here

使表格逐一显示

4 个答案: