如何使新插入的标签占据表格的总宽度

发布于 2024-12-15 09:28:13 字数 822 浏览 1 评论 0原文

我有一个表，我正在动态插入一个新行。它仅包含在 td 上。但它只占用一个 td 宽度，如此处
我怎样才能使新插入的tr占据表格的总宽度。

 Here number of td s are not fixed.That is, it is not always 3.

这是我的 HTML

<table>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr id='a'><td>4</td><td>5</td><td>6</td></tr>
    <tr><td>7</td><td>8</td><td>9</td></tr>
</table>

这是我的代码

$('<tr id="b" style="background-color:blue"><td >new</td></tr>').insertBefore($('#a'));

这里是 fiddle 来操作..

原文

I have a table and I am inserting a new row dynamically. It contains only on td. But it is occupying only one td width as here
How can i make newly inserted tr to occupy the total width of the table.

 Here number of td s are not fixed.That is, it is not always 3.

Here is my HTML

<table>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr id='a'><td>4</td><td>5</td><td>6</td></tr>
    <tr><td>7</td><td>8</td><td>9</td></tr>
</table>

Here is my code

$('<tr id="b" style="background-color:blue"><td >new</td></tr>').insertBefore($('#a'));

Else here is the fiddle to put hands on..

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

独木成林 2024-12-22 09:28:13

将 colspan 添加到元素：

$('<tr id="b" style="background-color:blue"><td colspan="3">new</td></tr>').insertBefore($('#a'));

http ://jsfiddle.net/WAuw4/5/

编辑

如果您不知道表格中的单元格数量：

var colspan = $('#a td').length;
$('<tr id="b" style="background-color:blue"><td colspan="' + colspan + '">new</td></tr>').insertBefore($('#a'));

Add a colspan to the <td> element:

$('<tr id="b" style="background-color:blue"><td colspan="3">new</td></tr>').insertBefore($('#a'));

http://jsfiddle.net/WAuw4/5/

EDIT

If you don't know the number of cells in the table:

var colspan = $('#a td').length;
$('<tr id="b" style="background-color:blue"><td colspan="' + colspan + '">new</td></tr>').insertBefore($('#a'));

回复收藏 0 原文

孤者何惧 2024-12-22 09:28:13

total_td = $('table tr:first td').length;

$('<tr id="b" style="background-color:blue"><td colspan="' + total_td  + '">new</td></tr>').insertBefore($('#a'));

total_td = $('table tr:first td').length;

$('<tr id="b" style="background-color:blue"><td colspan="' + total_td  + '">new</td></tr>').insertBefore($('#a'));

回复收藏 0 原文

渡你暖光 2024-12-22 09:28:13

您可以在新的 td 中添加 colspan=3

$('<tr id="b" style="background-color:blue"><td colspan=3>new</td></tr>').insertBefore($('#a'));

示例：http://jsfiddle.net/WAuw4/4/

下面是关于 colspan 属性的更多信息：http://reference.sitepoint.com/html/td/colspan

编辑：< /strong>

根据您的评论

但是的数量并不总是固定的。

我会这样做

检查第一行中的 td 数量。将其添加到您的 colspan

var len = $('tr:first td').length;

$('<tr id="b" style="background-color:blue"><td colspan=' + len + '>new</td></tr>').insertBefore($('#a'));

示例： http://jsfiddle .net/WAuw4/7/

You could add colspan=3 in your new td

$('<tr id="b" style="background-color:blue"><td colspan=3>new</td></tr>').insertBefore($('#a'));

Example: http://jsfiddle.net/WAuw4/4/

Here's a bit more on the colspan attribute: http://reference.sitepoint.com/html/td/colspan

EDIT:

Based on your comment

But number of <td> s is not always fixed.

I would do this

Check the number of td in the first row. Add that to your colspan

var len = $('tr:first td').length;

$('<tr id="b" style="background-color:blue"><td colspan=' + len + '>new</td></tr>').insertBefore($('#a'));

Example: http://jsfiddle.net/WAuw4/7/

回复收藏 0 原文

海风掠过北极光 2024-12-22 09:28:13

像这样插入 colspan="3"

$('<tr id="b" style="background-color:blue"><td colspan="3">new</td></tr>').insertBefore($('#a'));

insert colspan="3" like this

$('<tr id="b" style="background-color:blue"><td colspan="3">new</td></tr>').insertBefore($('#a'));

回复收藏 0 原文

平安喜乐 2024-12-22 09:28:13

使用Colspan调整行中td的跨度。

$('<tr id="b" style="background-color:blue"><td `colspan="3"` >new</td></tr>').insertBefore($('#a'));

我已经检查过你了，jsfiddle..

你应该有一些固定或可预测的计数，否则你如何管理这个..如果你想实现这种方法，那么就在 的地方> 使用

Use Colspan to adjust the span of the td in the row.

$('<tr id="b" style="background-color:blue"><td `colspan="3"` >new</td></tr>').insertBefore($('#a'));

I have checked on you jsfiddle..

you should have some fixed or predictable count of <td> else how can you manage this.. if you want to implement such approach then on the place of <td> use <div>

回复收藏 0 原文

~没有更多了~