常用表格布局

网页加载时的布局

<table border="1" cellspacing="0" cellpadding="0">
				<thead style="background:gray;">
					<tr>
						<td>编号</td>
						<td>商品名称</td>
						<td>商品价格</td>
						<td>商品数量</td>
						<td>商品类别</td>
						<td>小计</td>
						<td>操作</td>
					</tr>
				</thead>
				<tbody>
					
				</tbody>
			</table>

动态添加

function addshop(){
				var name=$("#sname").val();
				var price=$("#sprice").val();
				var num=$("#snum").val();
				var type=$("select :selected").text();
				var count=parseFloat(price)*parseInt(num);
				var newtr="<tr>"
				+"<td><input type='checkbox'/><td>"
				+"<td>"+name+"</td>"
				+"<td>"+price+"</td>"
				+"<td>"+num+"</td>"
				+"<td>"+type+"</td>"
				+"<td>"+count+"</td>"
				+"<td><button οnclick='del(this)'>删除</button></td>"
				+"</tr>"
				$("tbody").append(newtr);
			}