table显示问题

table有时显示出问题,解决办法如下:

添加<thead></thead>和<tbody></tbody>在table的外面添加<div>标签例如
<div class="page-content detail-page" style="margin-top:35px;">
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@include file="/comm/taglib.jsp" %>
<navigation:header title="中标成交确认书管理" backTitleArray="" backUrlArray=""></navigation:header>
<div class="page-content detail-page" style="margin-top:35px;">
    <div class="group-accordion" collapsible="false" active="true">
        <h3>
            <label>中标项目详细信息</label>
        </h3>

        <table style="border:0px">
            <tr>
                <td align="left">招标项目名称:&nbsp;</td>
                <td><input type="text" id="projectName" name="projectName" value="${list.projectName}"/></td>
            </tr>

            <tr>
                <td align="left">中标公司名称:&nbsp;</td>
                <td><input type="text" id="winner" name="winner" value="${list.winner}"/></td>
            </tr>

            <tr>
                <td align="left">开标时间:&nbsp;&nbsp;</td>
                <td><input type="text" id="checkTime" name="checkTime" value="${list.checkTime}"/></td>
            </tr>

            <tr>
                <td align="left">开标起始时间:&nbsp;</td>
                <td><input type="text" id="beginTime" name="beginTime" value="${list.beginTime}"/></td>
            </tr>

            <tr>
                <td align="left">开标截止时间:&nbsp;</td>
                <td><input type="text" id="endTime" name="endTime" value="${list.endTime}"/></td>
            </tr>
        </table>

    </div>
    <div class="group-accordion" collapsible="false" active="true">
        <h3>
            <label>中标产品清单</label>
        </h3>

        <div>
            <table id="TSC10002_grid" showAddBtn="true" class="tree dataTable no-footer" width="100%">
                <thead>
                <tr style="background:#DBDBDB">
                    <td align="left" width="40px" colspan="21">
                        神农客实业(上海)有限公司××年××月××日××期××半旬招标,你单位为中标单位之一,中标信息如下,请予确认。
                    </td>
                </tr>
                <tr style="background:#DBDBDB">
                    <td align="center" width="40px" colspan="21">
                        中标产品清单
                    </td>
                </tr>
                <tr style="background:#DBDBDB">
                    <td align="center" width="40px" rowspan="3">序号</td>
                    <td align="center" width="40px" rowspan="3">一级分类</td>
                    <td align="center" width="40px" rowspan="3">二级分类</td>
                    <td align="center" width="40px" colspan="6">产品信息</td>
                    <td align="center" width="40px" rowspan="3">OEM品牌及产品等级</td>
                    <td align="center" width="40px" rowspan="3">产品质量标准</td>
                    <td align="center" width="40px" colspan="2">加工信息</td>
                    <td align="center" width="40px" colspan="7">货值</td>
                    <td align="center" width="40px" rowspan="3">备注</td>

                </tr>
                <tr style="background:#DBDBDB">
                    <td align="center" width="40px" colspan="3">品种名</td>
                    <td align="center" width="40px" rowspan="2">产品特征</td>
                    <td align="center" width="40px" rowspan="2">净重(kg/箱)</td>
                    <td align="center" width="40px" rowspan="2">包装规格</td>
                    <td align="center" width="40px" rowspan="2">数量(吨)</td>
                    <td align="center" width="40px" rowspan="2">箱数</td>
                    <td align="center" width="40px" colspan="5">中标价(元/kg)</td>
                    <td align="center" width="40px" rowspan="2">本次结算标准价(元/kg)</td>
                    <td align="center" width="40px" rowspan="2">货值(元)</td>
                </tr>
                <tr style="background:#DBDBDB">
                    <td align="center" width="40px">标准市场销售名</td>
                    <td align="center" width="40px">学名</td>
                    <td align="center" width="40px">俗名</td>
                    <td align="center" width="40px">不含包装离岸价</td>
                    <td align="center" width="40px">包装成本</td>
                    <td align="center" width="40px">含包装离岸价</td>
                    <td align="center" width="40px">干线运费</td>
                    <td align="center" width="40px">到岸价</td>
                </tr>
                </thead>
                <tbody>
                <c:forEach items="${lists}" var="list" varStatus="i">
                    <tr>
                        <td>${i.index+1}</td>
                        <td>${list.yjfl}</td>
                        <td>${list.ejfl}</td>
                        <td>${list.xsm}</td>
                        <td>${list.xm}</td>
                        <td></td>
                        <td>${list.tz}</td>
                        <td>${list.jz}</td>
                        <td>${list.gg}</td>
                        <td>${list.dj}</td>
                        <td>${list.zlbz}
                        </td>
                        <td>${list.sl}</td>
                        <td>${list.xs}</td>
                        <td>${list.bhlaj}</td>
                        <td>${list.cb}</td>
                        <td>${list.laj}</td>
                        <td>${list.yf}</td>
                        <td>${list.daj}</td>
                        <td>${list.bzj}</td>
                        <td>${list.hz}</td>
                        <td></td>
                    </tr>
                </c:forEach>
                </tbody>
            </table>
        </div>
    </div>
    <div>
        以上表格内容经双方确认,同意签字盖章并扫描回复。
        <br/>
        <table width="100%">
            <tr>
                <td width="50%">
                    发标方:神农客实业(上海)有限公司
                    (签字、盖章)
                    <br/>
                    <br/>
                    <img src="${ctx}/static/core/images/action/tuzhang2.png"/>
                    <br/>
                    <br/>
                    <br/>
                    日期:2016.6.24
                </td>
                <td>
                    中标方:河北创融公司
                    (签字、盖章)
                    <br/>
                    <br/>
                    <img src="${ctx}/static/core/images/action/tuzhang1.png"/>
                    <br/>
                    <br/>
                    <br/>
                    日期:2016.6.24
                </td>
            </tr>
        </table>
    </div>
</div>
<script src="${ctx}/js/ds/TSC10002.js"></script>
				
时间: 2024-08-29 05:41:00

table显示问题的相关文章

Table显示滚动条

项目中需要在js文件中动态的往table里面添加数据,当数据的量到一定的程度的时候,就希望能够出现滚动条,现记录如下: Html文件:<div style="width:468px;height:260px;overflow:scroll;background:#9D9D9D;"> <table id="detail" style="width:450px;background:#9D9D9D;border-collapse:separa

NPOI 动态生成Excel 转成HTML table显示

直入主题: 需求:从数据集中出去检索的数据,生成Excel ,转成HTML table 显示在页面上.还可以导出Excel . 我实现的效果图: 页面----> Excel----> now  ,说下具体的代码: 1.添加组件:   NPOI 相关组件,Excel转HTML组件. 2.使用了bootstrap 样式,所有要记得引用 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="s

ireport5.6使用table组件,如何用table显示javaBean数据源

1.从组件面板添加一个table组件到报表中. 2.设计table的字段头. 合并操作 1. 2. 删除你不需要的列 新增你的合并列 3.在报表Parameters里新增一个参数dets(java.util.List) 4.配置table数据集 a.重命令数据集(方便) 右键->属性,即可修改. b.添加一个Parameters 新增一个table1(net.sf.jasperreports.engine.JRDataSource) c.手动配置代码,把dets参数传递给table1接收 <d

ios开发-凤凰网的揭层式下拉刷,如何下拉table显示其下面的视图不是背景(已解决)

思路: 1.通过在ScrollDidScroll代理方法中监听contentoffset属性的y值,判断是下拉还是上拉 2.需要的第三方框架SDProgress,实现下拉圆饼填充 3.当圆饼填满即其属性progress=1时,sdorgress隐藏(需要改原码(原码是从父视图移除,由于移除后不好操作,遂先隐藏掉)),并将table的frame,orgine.y值设置为一定高度,为松手后table与控制器顶部保持一定距离以显示动画 4.当圆饼消失时,创建一个UIImageView,并开始动画 5.

bootstrap table 显示连续序号,分页有效

参考:http://blog.csdn.net/nazhidao/article/details/51647799 第一种,通过index+1可以简单实现,但是,翻页后又重新从第一个开始 { field: 'Number', title: 'Number', formatter: function (value, row, index) { return index+1; } } 第二种,为了能够实现,在翻页时也能后接着上一页的序号显示,下边修改bootstrap 的js库: 在bootstra

JS读取XML文件数据并以table显示数据(兼容IE火狐)

先看xml文件: <?xml version="1.0" standalone="yes"?> <student> <stuinfo> <stuName>张秋丽</stuName> <stuSex>女 </stuSex> <stuAge>18</stuAge> </stuinfo> <stuinfo> <stuName>李文

table显示json数据传递

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>json数据</title>

mvc index 用table显示内容,文字过长时用......表示

此行是显示文字的内容,加载时自动调用commonSubstring()函数判断 { title: '点评', field: 'commonent', width: 180, resizable: true, formatter: function (val, row) { var strcommon = ""; strcommon += "<font>" + commonSubstring(row.commonent) + "</font

Html+Css+Js_之table每隔3行显示不同的两种颜色

1 <html> 2 <head> 3 <script type="text/javascript"> 4 /** 5 最近因项目的需求,有这样的一个问题: 6 一个table显示n条记录,每3行换一次颜色,例如:1,2,3行红色背景,4,5,6行绿色背景,7,8,9行红色背景...以此类推! 7 */ 8 window.onload=function() { 9 var tbl = document.getElementById("tab