让表格变得美观的标签

在table上面加

<div style="overflow:auto;">是成滚动条 另外 td加属性<th align="center" nowrap>表上字不起下一行
<table class="search">
<tr>
<td>
项目编号:
<input id="code" name="code"  value="${bo.code}" type="text"  >
采购项目名称：
<input id="projecName" name="projecName" value="${bo.projecName}" type="text" >
中标供应商：

<input id="vendorId" name="vendorId" value="${bo.vendorId}"type="hidden" />
<input id="name" name="name" value="${bo.vendor.name}"type="text" readOnly />
<a href="#" οnclick="showVendorSearch(null,1,'vendorId','name',null);"><img src="${pageContext.request.contextPath}/image/admin/btn_search.gif"></a>
中标日期：
<input id="successDate" name="successDate" value="<fmt:formatDate value="${successDate}" pattern="yyyy-MM-dd"/>" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"/>




<a href="#" οnclick="doSearch();"><img src="<%=ctxPath%>/image/admin/btn_search.gif">查询</a>
</td>
</tr>
</table>
<table class="cssraindemo2">
<thead>
<tr>

<th align="center" nowrap>项目编号</th>
<th align="center" nowrap>批准日期</th>
<th align="center" nowrap>采购项目名称</th>
<th align="center" nowrap>预算金额</th>
<th align="center" nowrap>合同签订日期</th>
<th align="center" nowrap>合同金额(万元)</th>
<th align="center" nowrap>采购方式</th>
<th align="center" nowrap>中标供应商</th>
<th align="center" nowrap>中标日期</th>
<th align="center" nowrap>评委人数</th>
<th align="center" nowrap>会议次数</th>
<th align="center" nowrap>项目类别</th>
<th align="center" nowrap>规格</th>
<th align="center" nowrap>联系方式</th>
<th align="center" nowrap>数量</th>
<th align="center" nowrap>单位</th>
<th align="center" nowrap>单价(万元)</th>
<th align="center" nowrap>经营范围</th>
<th align="center" nowrap>合同说明</th>
<th align="center" nowrap>得分</th>
<th align="center" nowrap>操作</th>
</tr>
</thead>
<tbody id="main">
<c:forEach items="${page.result}" var="o" varStatus="status">
<tr>
<td>${o.code}</td>
<td>${o.approveDate}</td>
<td>${o.projecName}</td>
<td>${o.budgetValue}</td>
<td>${o.signDate}</td>
<td>${o.contractValue}</td>
<td>${o.buyType}</td>
<td>${o.successName}</td>
<td>${o.successDate}</td>
<td>${o.judgeNumber}</td>
<td>${o.meetingNumber}</td>
<td>${o.projectType}</td>
<td>${o.spec}</td>
<td>${o.contactChannel}</td>
<td>${o.biddingNumber}</td>
<td>${o.units}</td>
<td>${o.price}</td>
<td>${o.inviteEnterprise}</td>
<td>${o.contractMemo}</td>
<td>${o.score}</td>

<td nowrap align="center" width="150px">
<a href="<%=ctxPath%>/evaluate/editBiding.do?action=edit&id=${o.biddingId}"><img src='<%=ctxPath%>/image/admin/btn_edit.gif' />修改</a> 
<a href="javascript:void(0);" onClick="doDelete(${o.biddingId})"><img src='<%=ctxPath%>/image/admin/btn_delete.gif' />删除</a>
<a href="<%=ctxPath%>/evaluate/bidingParticipate.do?id=${o.biddingId}"><img src='<%=ctxPath%>/image/admin/btn_field.gif' />应标商</a>
</tr>

</c:forEach>
<c:if test="${page.recordCount==0}">
<tr>
<td bgcolor="#CCCCFE" align="center" colspan="8">未找到相关数据</td>
</tr>
</c:if>
</tbody>
</table>
</div>