Javascript 如何在colspan td中使用与td相同的宽度

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"> <

我的html表格布局如下:

<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表格布局吗?