0

嗨，我正在动态生成一个表，并以下列方式动态添加新的 TR 和 TD。

$('#tableId').append('<tr><th colspan="2"></th>');

上面的代码在我的代码中只被调用一次。

然后我通过以下方式将 TD 添加到它：

var tempurl = 'http://google.com';
$('<td>').appendTo($('#tableId')).html("<a href='"+tempurl+"'>"+tempurl+"</a>");

我面临的问题是，所有 TD 都在一行中对齐（仅在同一行中），并且我的页面宽度增加了很多倍。

我尝试将 css 添加到表中，以便如果表大小超过 TD 应该转到下一行：

max-width: 90%;
display: block;

和

display: inline;

但它不适合我。

4

1 回答 1

1

请编写正确的静态 HTML 表格，然后使用此代码动态生成仍然正确的表格。

以下是此类表的示例：

<table>
    <caption>Google results</caption>
    <thead>
        <tr>
            <th scope="col">Title and link</th>
            <th scope="col">Description</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <a href="http://domain.com/1">Stack Overflow</a>
            </td>
            <td>Stack Overflow is a website (...)</td>
        </tr>
        <tr>
            <td>
                <a href="http://domain.com/2">Stack Exchange</a>
            </td>
            <td>Stack Exchange is a website (...)</td>
        </tr>
    </tbody>
</table>
  • 不需要跨越所有行的标题单元格：您可能打算将其作为标题
  • 在垂直表格中，您应该th在元素中的每列顶部有一个标题单元格（） （出于可访问性原因，thead我添加了属性。如果标题单元格位于每行的左侧。如果你ve或某处）scope="col"rowscopecolspanrowspan
  • 在元素中，每实际行tbody一行 ( )tr
  • 在每一行中，与td标题单元格一样多的元素（除非有一些colspan或rowspan）

编辑：为什么你有 2 个不同的id？令人困惑。

于 2013-10-27T11:10:23.207 回答