static/pages/statistic/statGrain.html

<div class="easyui-tabs" data-options="fit:true">
    <div title="图表展示">
        <div class="grain-float-left"></div>
        <div class="grain-float-right"></div>
    </div>
    <div title="列表展示">
        <div class="dt-item grain-tool" style="display:none;margin-top: 0;border: none;">
            <div class="dt-nav">
                检查日期:
                <input class="easyui-datebox start-time" editable="false" type="text" name="grain-start-time" value="">-
                <input class="easyui-datebox end-time" editable="false" name="grain-end-time" value="">&emsp;
                <a href="#" class="easyui-linkbutton search-btn bd-add-s" style="height: 25px;"  id="grain-search">查询</a>
            </div>
        </div>
        <table id="grain-info" cellspacing=0>
            <thead>
                <tr>
                    <th colspan="2">行政审批库</th>
                    <th colspan="2">整体接管库</th>
                    <th colspan="2">直属企业购买、自建库</th>

                    <th rowspan="2" style="max-width: 72px;">仓容小计</th>
                    <th rowspan="2" style="max-width: 72px;">储粮小计</th>

                    <th colspan="2">托管粮库</th>
                    <th colspan="2">控股粮库</th>
                    <th colspan="2">长期租赁粮库</th>

                    <th rowspan="2" style="max-width: 72px;">仓容小计</th>
                    <th rowspan="2" style="max-width: 72px;">储粮小计</th>
                    <th rowspan="2" style="max-width: 95px;">辖区中央储备粮库存规模</th>
                    <th rowspan="2" style="max-width: 95px;">直属库内储存中央储备粮占中央储备量总量比例</th>
                </tr>
                <tr>
                    <th style="max-width: 60px;">仓容(吨)</th>
                    <th style="max-width: 60px;">储粮(吨)</th>
                    <th style="max-width: 60px;">仓容</th>
                    <th style="max-width: 60px;">储粮</th>
                    <th style="max-width: 60px;">仓容</th>
                    <th style="max-width: 60px;">储粮</th>
                    <th style="max-width: 60px;">仓容</th>
                    <th style="max-width: 60px;">储粮</th>
                    <th style="max-width: 60px;">仓容</th>
                    <th style="max-width: 60px;">储粮</th>
                    <th style="max-width: 60px;">仓容</th>
                    <th style="max-width: 60px;">储粮</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>

<style>
    #grain-info {
        width: 1198px;
        height: 100px;
        border-top: 1px solid #ccc;
        /*border-bottom: 1px solid #ccc;*/
        padding: 0;
        table-layout:fixed;
    }
    #grain-info th,#grain-info td {
        border-bottom: 1px solid #d2d2d2;
        border-right: 1px solid #d2d2d2;
        text-align: center;
        padding: 0px 5px;
        height: 50px;
    }
    #grain-info td {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
</style>