左右两个表格的内容相互移动

最新推荐文章于 2024-08-20 18:11:05 发布

tiantiandashi

最新推荐文章于 2024-08-20 18:11:05 发布

阅读量2.4k

点赞数 1

分类专栏：杂七杂八

本文链接：https://blog.csdn.net/tiantiandashi/article/details/81067769

版权

最近实现了一个小功能是将左右两个表格的数据相互移动，以达到人员分类的效果。代码如下


<div class="open-div-box">
  <h2>商户教练列表</h2>
  <!--弹出层主体S-->
  <div class="open-div-con-box" >
    <div class="table-list-3" id="main_div">
      <table id="leftSelect" width="46%" border="0" cellspacing="0" cellpadding="0" style="display: inline-block;margin-right：30px;vertical-align: top;">
      	<tr class='bg-1'>
      		<td colspan='10' align='center' style="background: #c2e39e;">已添加</td>
      		
      	</tr>
        <tr>
          <th align="center" width="5%">教练姓名</th>
          <th align="center" width="5%">教练昵称</th>
          <th align="center" width="2%">选择</th>
        </tr>
        	<!--<tr class='bg-1'><td colspan='10' align='center'>没有教练...</td></tr>-->
        	<tr class='bg-1' >
				<td align='center'>林四岁111</td>
				<td align='center'>Cathy</td>
				<td><input name="stuCheckBox" type="checkbox"/></td>
		   </tr>
		   <tr class='bg-0' >
				<td align='center'>1</td>
				<td align='center'>1</td>
				<td><input name="stuCheckBox" type="checkbox"/>&