Question

表格显示每行的大量项目，因此超出了屏幕范围。我试图添加CSS样式来修改表格宽度但是没有用。

当我在迭代模式下创建每一行时，我考虑在确定数量（可能使用JQuery）之后放置断行。有没有办法定义每个表行中动态创建的项目数？

谢谢，

Answer 1

您必须修改表头宽度，子行/ td将继承该大小，如下所示：

<table>
    <thead>
        <tr>
            <th width="20%">Column 1</th>
            <th width="20%">Column 2</th>
            <th width="20%">Column 3</th>
            <th width="20%">Column 4</th>
            <th width="20%">Column 5</th>
    </thead>
    <tbody>
        <tr>
            <td>Data column 1</td>
            <td>Data column 2</td>
            <td>Data column 3</td>
            <td>Data column 4</td>
            <td>Data column 5</td>
        </tr>
    </tbody>
</table>

注意：<thead>和<tbody>

中的列数必须相同

如何限制每个表行的项目数？

1 个答案: