html自适应表格

 

<body style="scroll:no">
  <table width="100%" height="100%">
   <tr>
    <td height="10px" id="conditions"></td>
   </tr>
   <tr>
    <td id="Content"></td>
   </tr>
   <tr>
    <td height="10px" id="btns">
     <input type="button" id="btnDel" value="删除" />
    </td>
   </tr>
  </table>
 </body>

 

这个表格分为3块

第一个id为conditions，放查询条件。

第二个id为Content，放显示内容。

第三个id为btnDel，放删除按钮。

 

第一个和第三个宽度可以设置小一点，让内容自己去展开。

 

 

 

时间： 2024-09-13 12:56:18

html自适应表格的相关文章

Android提高之ListView实现自适应表格的方法_Android

前面有文章介绍了使用GridView实现表格的方法,本文就来说说如何用ListView实现自适应的表格.GridView比ListView更容易实现自适应的表格,但是GridView每个格单元的大小固定,而ListView实现的表格可以自定义每个格单元的大小,但因此实现自适应表格也会复杂些(主要由于格单元大小不一).此外,GridView实现的表格可以定位在具体某个格单元,而ListView实现的表格则只能定位在表格行.因此还是那句老话:根据具体的使用环境而选择GridView 或者 ListV

Android提高之ListView实现自适应表格的方法

前面有文章介绍了使用GridView实现表格的方法,本文就来说说如何用ListView实现自适应的表格.GridView比ListView更容易实现自适应的表格,但是GridView每个格单元的大小固定,而ListView实现的表格可以自定义每个格单元的大小,但因此实现自适应表格也会复杂些(主要由于格单元大小不一).此外,GridView实现的表格可以定位在具体某个格单元,而ListView实现的表格则只能定位在表格行.因此还是那句老话:根据具体的使用环境而选择GridView 或者 ListV

css 表格自适应一些方法总结

目前有很多智能的表格自适应解决方案. 他们分别是 flip the table on it's side, convert it to a pie chart, gradually reduce the columns, allow users to determine columns,设置允许 partial scrolling across the table.而这些都是智能的. 然而,我们也要注意到它们的缺点: 1.他们有一些在实际中是难以实现的,尤其是那些依靠::before伪元素来生成

winfrom 打印表格 字符串的封装实现代码 附源码下载_C#教程

所以对于应用层用着还不是很方便.最近做一个项目顺便就封装了一个调用默认打印机的类.虽说有几个小bug,但对于目前来说,已经满足需求了.以后不够了在来升级吧. 1,关于打印上下左右边距和纸张的高宽.以往都把这些写死到代码里面.既然是调用默认打印机,打印机的型号自然有差异.所以我就把这些配置放到app.config里面.但又怕每次打印都加载config影响效率.故此设计了个PrintPaper类.里面所有属性都是静态的.还有一个静态的构造方法.这样只有在程序开始运行加载一次config.之后就直接从

jquery自适应布局的简单实例_jquery

代码整理 - uix.layout.js /** * Grace [jQuery.js] * * UIX页面布局 * 290353142@qq.com * exp: * $.uix.layout();//执行布局 * class="uix-layout-container";//标识布局容器 * class="uix_box";//用于调整 布局时将此元素高度铺满父容器(支持设置padding\margin\border) * 例: html1:div中 <d

HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列

 HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列  本文给大家分享的是使用HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列的方法和示例,非常的实用,特别是在BS架构的企业级应用,有需要的小伙伴可以参考下.     BS架构的企业级应用中,当一个表格列数较多时,用户一个常见的需求就是把前面几个重要的列固定住,这样拖动滚动条时固定的列会方便用户查看数据,用户体验很好.一些重量级的JS组件库也都有这个功能,那么有没有更简单的方法实现这个功能呢? 这个需求常见的解决方案是使

HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列_javascript技巧

BS架构的企业级应用中,当一个表格列数较多时,用户一个常见的需求就是把前面几个重要的列固定住,这样拖动滚动条时固定的列会方便用户查看数据,用户体验很好.一些重量级的JS组件库也都有这个功能,那么有没有更简单的方法实现这个功能呢? 这个需求常见的解决方案是使用表格拼接的方法,这个方案如果要制作静态的网页,或者功能简单的动态页面,逻辑比较简单,技术上也不复杂,很容易实现,但是如果要做成组件,动态功能较多的话,就需要写大量的冗余代码,难以维护,甚至于一个简单的功能,都需要写很多的代码,比如事件处理等,

学习网页制作应该注意的网站设计的四点矛盾

因为工作需要,昨晚将另一位网页设计师的设计作品生成了页面,折腾了一通宵,我脑细胞成几何倍数减少,完成了工作,不免有些牢骚要发. 我认为网站是为人民服务的,网站的优劣,内容是关键,而设计能排在第二就不错了.一个网站的设计不仅需要的是美观,更需要的是配合内容的编排以及其它更多方面,例如浏览速度及浏览方便性.如果您同意以上观点,请继续看下文. 因为网站的设计不仅需要美观,所以产生了不少矛盾,挑几个主要的矛盾来分析: 一. background背景图像的矛盾 由于千篇一律的单色背景早已产生了视觉疲劳,因

jQuery EasyUI封装简化操作_jquery

本文实例为大家封装了Jquery EasyUI简化操作,供大家参考,具体内容如下 //confirm function Confirm(msg, control) { $.messager.confirm('确认', msg, function (r) { if (r) { eval(control.toString().slice(11)); } }); return false; } //load function Load() { $("<div class=\"datag