用jquery水平组合表格？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用jquery水平组合表格？相关的知识，希望对你有一定的参考价值。
我想将左表和右表这两个表合并为一个表就像在jquery中使用class =“ result”的表
我收到我的帖子主要是代码的错误，因此请忽略此行我收到我的帖子主要是代码的错误，因此请忽略此行
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<table class="left-table" border=1>
<tbody>
<tr>
<td>
Name
</td>
</tr>
<tr>
<td>
Age
</td>
</tr>
</tbody>
</table>
<table class="right-table" border="1">
<tbody>
<tr>
<td>
Don
</td>
</tr>
<tr>
<td>
30
</td>
</tr>
</tbody>
</table>
<table class="result" border="1">
<tbody>
<tr>
<td>
Name
</td>
<td>
Don
</td>
</tr>
<tr>
<td>
Age
</td>
<td>
30
</td>
</tr>
</tbody>
</table>
</body>
</html>
<script>
</script>答案
请参考以下代码。另外，请在评论中找到小提琴链接。
<div id="resultDiv"></div>
<table class="left-table" border=1>
<tbody>
<tr>
<td>
Name
</td>
</tr>
<tr>
<td>
Age
</td>
</tr>
</tbody>
</table>
<table class="right-table" border="1">
<tbody>
<tr>
<td>
Don
</td>
</tr>
<tr>
<td>
30
</td>
</tr>
</tbody>
</table>
<button>Merge Table</button>
$('button').click(function(){
$('#resultDiv').html('<table class="result" border=1><tr><td id="firstCell"></td><td id="secodCell"></td></tr></table>');
$('#firstCell').html($('.left-table').clone());
$('#secodCell').html($('.right-table').clone());
});
以上是关于用jquery水平组合表格？的主要内容，如果未能解决你的问题，请参考以下文章
表格标题不与 jQuery DataTables 中的正文水平滚动