form表单,tr循环生成,当超出页面显示时无滚动条

简介: form表单,tr循环生成,当超出页面显示时无滚动条

1. 在 form 外部加一个 div ;

2. 设置 div 的属性,宽、高、overfow 属性等;

3. 需要设置 table 的宽;

4. 具体代码:

<div class="bootbox-body" style="width: 650px;height: 400px;overflow-y: auto">
    <form  id="zdform"  novalidate="novalidate">
        <div class="UItable">
            <table cellpadding="0" cellspacing="0" border="0" width="100%" id="zdDataTable" class="tableA">
                <tbody>
                    <tr id="zdContent">
                        <td>
                            <label>字典表名:</label>
                        </td>
                        <td>
                            <span class="block input-icon input-icon-right">
                                <input type="text" id="zdName" name="zdName" readonly class="form-control">
                            </span>
                        </td>
                    </tr>
                    <#--循环添加-->
                </tbody>
            </table>
        </div>
    </form>
</div>


5. 页面:

未超出限制:2021012215371071.png

超出限制:

20210122153745257.png


缺点:div 的高度限制死了,不够美观;右侧的滚动条也不够美观。

目前只能这样做了,有更好的办法可以来沟通一下。

相关文章
|
2月前
|
人工智能 运维 JavaScript
零基础入门教程:阿里云 Hermes Agent 一键部署完整流程详解(图文版)
随着AI智能体技术不断普及,Hermes Agent凭借出色的长对话记忆、复杂任务拆解、逻辑推理与多轮交互能力,成为个人办公、学习答疑、日常协作、智能辅助的热门开源工具。相较于普通对话机器人,Hermes Agent能够完整承接长链路任务、记住全程对话上下文,在深度交流、方案梳理、问题分析等场景表现尤为突出。
499 3
零基础入门教程:阿里云 Hermes Agent 一键部署完整流程详解(图文版)
|
7月前
|
编解码 分布式计算 安全
阿里云高配置云服务器租用价格:8核16G、4核32G、8核32G、8核64G九代实例活动价格参考
阿里云服务器8核16G、4核32G、8核32G、8核64G配置活动价格参考,企业级c9i实例8核16G月付702.28元/1个月起;g9i实例8核32G月付891.97元/1个月起;r9i实例4核32G月付604.46元/1个月起。c9i支持AMX矩阵加速,适合AI推理;g9i均衡配比适配Web应用;r9i大内存满足Hadoop集群需求。
1153 9
|
1月前
|
人工智能 运维 数据中心
拆解光模块:从传统分立器件到硅光芯片的集成革命
本文揭秘光模块核心构成(TOSA/ROSA、激光器、调制器、探测器、DSP等),对比传统分立器件与硅光集成技术:前者成熟稳定,后者依托CMOS工艺将光器件“刻”入硅芯片,实现高集成、低功耗,但需外置光源。二者按距离、成本互补共存。(239字)
|
1月前
|
人工智能 关系型数据库 MySQL
Agent、Skill、MCP 到底是什么关系?零基础小白也能看懂的三层拆解
本文用“数字打工人”比喻,通俗解析AI提效核心概念:Agent是能自主规划执行的智能体,Skill是其掌握的原子能力(如查天气、发消息),MCP则是统一调用协议——如同USB-C接口,让Skill可即插即用、跨平台共享。零代码基础也能秒懂三者关系。
|
8月前
|
存储 弹性计算 固态存储
阿里云服务器计算型、通用型、内存型等实例规格适用场景与选型指导
阿里云服务器实例规格从类型上来说有通用型(g系列)、计算型(c系列)、内存型(r系列)、通用算力型(U实例)、大数据型(d系列)、本地SSD型(i系列)、高主频型(hf系列)等十几种不同类型的实例规格。本文为大家整理汇总了计算型、通用型、内存型等实例规格的适用场景,以及云服务器ECS实例规格的选型指导,以供参考和选择。
|
12月前
|
JSON API 开发者
淘宝店铺的所有商品API接口,Curl返回数据
淘宝平台未开放获取全店商品的公共API,开发者可通过阿里妈妈的淘宝联盟API获取参与推广的商品。需成为联盟开发者、创建应用,并通过adzone_id关联店铺。使用taobao.tbk.shop.get和taobao.tbk.item.info.get接口,可获取商品列表及详情,但需注意签名生成、调用频率限制及合规要求。未参与推广的商品无法通过该方式获取。
|
7月前
|
开发框架 弹性计算 运维
建站系统哪个好?2025年建站系统深度推荐与避坑指南
建站系统分传统CMS(如PageAdmin)、SaaS平台(如阿里云速成美站)和开发框架三类。选择时需权衡控制权、成本与效率,根据业务需求、技术能力和长期规划理性选型,优先验证可行性再迭代升级。
769 0
|
7月前
|
数据采集 数据挖掘 API
1688品类API:市场趋势分析,选品更精准!
借助1688品类API,获取商品类目、价格、销量、供应商等数据,通过热度、价格、增长性、竞争度和趋势五大维度分析,实现科学选品。结合Python技术抓取与处理数据,助力精准决策,提升电商竞争力。(239字)
|
11月前
|
人工智能 搜索推荐 API
API文档工具谁能胜出:Apifox与Apipost深度对比
Apifox与Apipost功能对比显示,Apifox在自定义域名、页面布局、SEO优化、跨域代理、数据分析、版本管理及权限控制等方面优势明显,更适合对API文档有高要求的企业级用户;而Apipost则侧重基础文档分享,适合轻量级使用场景。两者均集成AI能力,但Apifox应用更深入。
API文档工具谁能胜出:Apifox与Apipost深度对比

热门文章

最新文章