我期望中间列的宽度是左右两列的3倍。 200(从左到右)的宽度看起来好像按照200,200,600的顺序指定宽度,而不是按照200,600,200的规定出现。换句话说,最后一列的宽度是前两个宽度的3倍。带固定列的简单HTML表格

为什么? (这是我的主要问题)

Left

1 2 3

另外,下面的非表方法有什么优点吗? (这是一个已经回答了二次问题)

Left

Left
RIght
Page Content

CSS:

#left_col {

width: 200px;

margin:0px;

float: left;

}

#page_content {

margin-left: 200px;

margin-right: 200px;

width: 600px;

}

#right_col

{

width: 200px;

float: right;

}

2010-02-16

ChadD

+3

'div'与'table'的优点取决于数据/使用情况。如果数据是表格,那么使用'table',如果只是用于布局,则使用'div'方法。但最终归结为目的和偏好。 –

2010-02-16 02:23:08

+1

如果删除第一个(空)'colgroup',表格是否按预期显示? –

2010-02-16 02:52:36

html制作固定列的表格,带固定列的简单HTML表格相关推荐

  1. 【Axure视频教程】固定中继器表格首行首列

    今天教大家在Axure里如何制作固定中继器表格首行首列的原型模板,包括固定首行(标题行)和首列.固定首行(标题行)和前两列两个案例,因为是用中继器表格制作的,所以使用也非常方便,我们只需要在中继器表格 ...

  2. css 固定列头,表格头部固定和表格列固定

    我不是前端大神,只是偶尔在开发系统时,需要用到表格.如果表格只需要单独的用来展现数据,那就很简单了,那如果需要实现复杂的样式呢?比如说表头固定,当网页滚动的时候,表头自动固定到网页顶部,这样很客观的展 ...

  3. 表格头固定而列可滚动的效果

    对于经常需要表格头部不东,而列表可以滚动,多用于数据比较多的情况,方便查看 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitio ...

  4. html表格类似excel固定表头样式,(转)supertable像excel那样固定table的表头和第一列...

    像excel那样固定table的表头和第一列 .left,.right{float: left;height: 297px;background-color: #ccc;} #left_topic{h ...

  5. vue实现变态表格表头和列固定

    复杂表格表头和列固定 对于这个问题,相信网上也会有很多答案,很多插件或者是类似的案例,一下是我参考别人所写的案例自己改造的一个变态表格 1.实现的效果是,左右滚动,左边列固定,上下滚动,上边头部固定 ...

  6. 2022-04-14 工作记录--LayUI-数据表格中固定列对应的合计部分也实现固定

    LayUI-数据表格中固定列对应的合计部分也实现固定 在数据表格中,给前四列加上fixed:true实现固定定位,此时需要新增一个需求:在表格的最下方加上合计行,并且让合计行中的前四列也实现固定定位, ...

  7. el-table 选择列合计,fixed固定某列,合计行放在表格上方,设计合计行样式

    问题描述: 选择特定的几列进行合计,并将el-table的合计行放在表格上方,并修改合计行样式. 最终展示为: 解决方案: 关键代码: show-summary :summary-method=&qu ...

  8. vue表格实现固定表头首列

    ​​​​​​​下载地址 vue表格实现固定表头首列 dd:

  9. java 使用poi导出excel,可控制固定前2列固定标头排版,带统计数据格式的

    使用poi导出排版漂亮的excel文件 html代码: <button class="btn btn-link" ng-model="exportExcel&quo ...

最新文章

  1. 信号状态关_路由器要不要关?难怪信号越来越差
  2. 计算机类和鼠标类是什么关系,常见鼠标的种类
  3. selenium 在centos中的配置
  4. 14.cookie与自动登陆
  5. 2021 元宇宙研究报告!
  6. 4 初学入门_2020年最新版,如何挑选入门级,进阶级和专业级网球拍(12月更新)...
  7. 电商BANNER灵感背景欣赏|平面设计中的极简风格
  8. Pycharm选择pyenv安装的Python版本
  9. 在Vue 项目 webpack 打包中关于 背景图片的路径问题
  10. 翻译任务中的BPE词表实践总结
  11. 安徽大学线性代数第二章习题册(详细解答)
  12. BZOJ3709 Bohater 贪心
  13. 微信公众号订阅号开发的学习(一):基础知识
  14. oracle异常策略,oracle segmentation fault错误
  15. 转:著名的100个管理定律点评1 -- 管人用人育人留人之道
  16. HEG安装教程(windows平台)
  17. 更改Pycharm的配置文件的存放路径
  18. 哪个版本的linux适合个人主机,2020年适合个人使用的Linux发行版推荐TOP5
  19. pandas 合并表格时出现unnamed列,和顺序被打乱的问题
  20. [计算机网络] 拥塞控制

热门文章

  1. 超详细的 Bert 文本分类源码解读 | 附源码
  2. 135 页的《机器学习速查手册》,公式、图表都有,附下载!
  3. Go进阶(3): 函数+闭包+defer
  4. 自已写的几个分页的存储过程
  5. 用[bx+idata]的方式进行数组的处理
  6. 汇编语言串指令经典题目
  7. 活用内核链表解决约瑟夫斯问题
  8. PUSHA/PUSHAD POPA/POPAD 指令详解
  9. C语言再学习 -- grep 命令(转)
  10. IPNC RDK5.0 make sysall 无法通过问题