jquery可编辑的表格代码

来源：互联网发布：去除图片涂鸦软件编辑：程序博客网时间：2024/05/21 17:36

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP '2.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page">  <mce:script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.js" mce_src="${pageContext.request.contextPath}/js/jquery.js"></mce:script> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> th { background: #0066FF; color: #FFFFFF; line-height: 20px; height: 30px; } td { padding: 6px 11px; border-bottom: 1px solid #95bce2; vertical-align: top; text-align: center; } td * { padding: 6px 11px; } tr.alt td{ background: #ecf6fc; } tr.over td{ background: #bcd4ec; } </style> <mce:script type="text/javascript"></mce:script> </head> <body> <table class="stripe" width="200" border="0" cellpadding="1" cellspacing="1"> <tr> <th width="50">序号</th><th width="150">名字</th> </tr> <tr> <td>1</td><td>AAA</td> </tr> <tr> <td>2</td><td>BBB</td> </tr> <tr> <td>3</td><td>CCC</td> </tr> <tr> <td>4</td><td>DDD</td> </tr> <tr> <td>5</td><td>EEE</td> </tr> </table> </body> </html>

序号名字 1AAA2BBB3CCC4DDD5EEE