Question

我正在尝试使用div重新创建一个表。我希望能够在行之间放置元素，以便当用户单击特定行时，行中数据的描述可以出现在行之间。

即使行之间有元素，我也需要对齐列。我还需要“单元格”来自动换行或推动类似于表格的边界。我尝试重新创建的表格是100％宽度，页面也有扩展宽度。我可以让桌子成为一个设定的宽度，但我支持几种屏幕尺寸，所以保持100％是最好的

感谢您的帮助！

编辑：

这是我最终做的事情（MVC With Razor）：

    <table style="width: 100%">
        <tr>
            <th>
                Data1
            </th>
            <th>
                Data2
            </th>
            <th>
                Data3
            </th>
            <th>
                Data4
            </th>
            <th>
                Data5
            </th>
            <th>
                Data6
            </th>
        </tr>
        @foreach (var item in Model)
        {
            <tr id="@item[0]">
                <td>
                    <span style="padding-left: 5px">+</span> <span style="padding-left: 15px">@item[0]</span>
                </td>
                <td>
                    @item[1]
                </td>
                <td>
                    @item[2]
                </td>
                <td>
                    @item[3]
                </td>
                <td>
                    @item[4]
                </td>
                <td>
                    @item[5]
                </td>
            </tr>
            <tr id="Expander@item[5]" style="display: none">
                <td colspan="6">
                </td>
            </tr>
        }
    </table>

然后我只是做了一些jquery来控制所有的扩展/收缩

工作得很好！

Answer 1

如果您将表格数据粘贴到表格中。对于您想要执行的操作，请查看colspan属性。它使表格单元格能够跨越多个列（甚至是所有列）。

要获得最大宽度，请在表格上设置width:100%。

祝你好运，
阿林

使用Div重新创建表格

1 个答案: