Javascript 如何在colspan td中使用与td相同的宽度
我的html表格布局如下:Javascript 如何在colspan td中使用与td相同的宽度,javascript,jquery,html,css,layout,Javascript,Jquery,Html,Css,Layout,我的html表格布局如下: <table> <thead> <th>A</th> <th>B</th> <th>C</th> </thead> <tbody> <tr> <td colspan="3"> <
<table>
<thead>
<th>A</th>
<th>B</th>
<th>C</th>
</thead>
<tbody>
<tr>
<td colspan="3">
<tr>
<td rowspan="3">Name</td>
<td>foo</td>
<td>bar</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
</td>
</tr>
</tbody>
</table>
A.
B
C
名称
福
酒吧
1.
2.
1.
2.
我想要这个带有jquery函数的布局,代码如下:
jquery
函数createTable(){
var mytable=$('').appendTo('body');
var thead=$('').appendTo(mytable);
变量行=$('').appendTo(thead);
对于(var j=0;j<3;j++){
$('').text(j).appendTo(row);
}
}
函数addName(){
var CategoryRow=$('').appendTo('table');
var col=$('').attr({'colspan':3}).appendTo(CategoryRow);
变量行=$('').appendTo(列);
对于(var j=0;j<3;j++){
$('').text('a'+j).appendTo(行);
}
$(行).find('td:eq(0)').text('name');
}
createTable();
addName()代码>
我通过更换td>t车身解决了这个问题
使用此html代码,我已经实现了我所需要的。
<table>
<thead>
<th>A</th>
<th>B</th>
<th>C</th>
</thead>
<tbody>
<tr>
<td colspan="3">
<tbody>
<td rowspan="3">Name</td>
<td>foo</td>
<td>bar</td>
</tbody>
<tbody>
<td>1</td>
<td>2</td>
</tbody>
<tbody>
<td>1</td>
<td>2</td>
</tbody>
</td>
</tr>
</tbody>
</table>
A.
B
C
名称
福
酒吧
1.
2.
1.
2.
我通过更换td>t车身解决了这个问题
使用此html代码,我已经实现了我所需要的。
<table>
<thead>
<th>A</th>
<th>B</th>
<th>C</th>
</thead>
<tbody>
<tr>
<td colspan="3">
<tbody>
<td rowspan="3">Name</td>
<td>foo</td>
<td>bar</td>
</tbody>
<tbody>
<td>1</td>
<td>2</td>
</tbody>
<tbody>
<td>1</td>
<td>2</td>
</tbody>
</td>
</tr>
</tbody>
</table>
A.
B
C
名称
福
酒吧
1.
2.
1.
2.
使用th colspan…1始终使用有效的html(嵌套表)(尽管有您的注释)2使用th colspan。3在嵌套表格中使用
设置所有列宽Samethaks@freedomn-m您可以提供html表格布局吗?使用th colspan…1始终使用有效的html(嵌套表格)(尽管有您的注释)2使用th colspan。3在嵌套表格中使用
设置所有列宽Samethaks@freedomn-m您能提供html表格布局吗?