`
zdk8105
  • 浏览: 37256 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

保持两表格行高一致

 
阅读更多
//设置两个表格的行高一致
function setSearchResultRowsHeight(){
var fixedRows=document.getElementById('resultfixedtable').rows;
var scrollableRows=document.getElementById('resultscrollabletable').rows;

var fixedHeaderHeight = fixedRows[0].offsetHeight + fixedRows[1].offsetHeight;
if(fixedHeaderHeight > scrollableRows[0].offsetHeight){
scrollableRows[0].height = fixedHeaderHeight;
} else {
fixedRows[1].height = scrollableRows[0].offsetHeight - fixedRows[0].offsetHeight;
}

for(i=1;i<scrollableRows.length;i++) {
if(fixedRows[i+1].offsetHeight > scrollableRows[i].offsetHeight){
scrollableRows[i].height = fixedRows[i+1].offsetHeight;
} else {
fixedRows[i+1].height = scrollableRows[i].offsetHeight;
}
}
}

//定时调用设置两表格行高一致的方法,以保持两表格行高一致
setInterval('setSearchResultRowsHeight()',500);
分享到:
评论

相关推荐

    原生javascript实现拖拽改变table表格行高(html)

    5. **同步更新**:如果表格有固定列宽,可能需要同步更新相关列的高度,以保持视觉一致性。 6. **事件阻止**:为了防止事件冒泡,可能需要在`mousedown`事件处理函数中调用`event.preventDefault()`,防止其他元素...

    cvi 表格设置_CVI_UI

    4. **预定义样式:** 创建预定义的行高和列宽样式,可以在多个表格中重复使用,保持UI一致性。 5. **用户反馈:** 提供用户调整列宽和行高的功能,如通过拖动分隔线,可以增强用户的定制体验。 6. **测试:** 在...

    canvas 绘制的 vue 表格组件,解决上万行+多列数据渲染问题,集成大部分表格功能.zip

    2. 滚动同步:当用户滚动时,组件会实时更新canvas上的内容,确保滚动条与画布内容保持一致。 3. 数据筛选和排序:集成的筛选和排序功能允许用户快速定位和组织数据,而无需重新加载整个表格。 4. 自定义列宽和行高...

    漂亮的表格样式

    4. **行高和列宽**:根据内容调整行高和列宽,确保所有数据都能完整显示,同时避免表格过宽或过高导致阅读困难。保持一定的间距能提高可读性。 5. **标题和注释**:每个表格都应该有明确的标题,概括表格的主要内容...

    向Word文档中添加表格.rar

    - **表格对齐**: 在"布局"选项卡中,可以设置表格的对齐方式,使其与文档其他元素保持一致。 通过以上方法,你可以在Word文档中创建和编辑出满足需求的表格。熟练掌握这些技巧,能极大提高工作效率,使文档看起来...

    将Excel表格转化为Latex表格——采用Excel2LaTeX

    在学术界和科研领域,LaTeX作为一种强大的排版系统,被广泛用于撰写论文和技术文档。它的优点在于能够生成高质量的...通过熟练掌握这个工具,你可以更轻松地在两者之间进行数据交换,同时保持文档的一致性和专业性。

    uParse修复版优化表格css等html富文本加载

    1. **表格样式控制**:uParse可能提供了更好的CSS支持,使得开发者可以更轻松地定义表格的样式,如边框、颜色、行高、列宽等,确保在不同的浏览器和设备上保持一致的显示效果。 2. **响应式设计**:对于移动设备的...

    易语言高级表格自适应缩放

    2. **计算比例因子**:根据新旧窗口尺寸计算出缩放比例因子,这可以确保表格的缩放是基于原始尺寸进行的,保持比例一致性。 3. **调整表格列宽**:依据比例因子调整每一列的宽度,可以设定最小和最大列宽限制,防止...

    项目三word之表格制作与打印PPT学习教案.pptx

    而平均分布各行或各列的功能,可以在调整表格大小时保持单元格内容的视觉一致性。 综上所述,这个项目涵盖了Word表格制作的基本到高级操作,包括创建、编辑、格式化、美化以及实际应用,通过学习这些内容,用户可以...

    文档中画出表格软件 排版

    对于排版,关键在于保持表格的清晰性和一致性。这包括但不限于以下几点: 1. **边框和线条样式**:设置合适的边框线宽度,颜色和样式(实线、虚线、点线等)可以使表格更易区分,但要注意不要过于复杂,以免干扰...

    CSS3制作响应式表格

    响应式设计是现代网页开发中的重要概念,它允许网页...通过以上方法,你可以创建出适应不同屏幕尺寸的响应式表格,为用户提供一致且优质的浏览体验。在实际项目中,根据需求和用户反馈进行调整,以优化性能和用户体验。

    用EXCEL套打表格

    在Excel中进行套打表格是一项实用的技术,尤其适用于需要与纸质表格保持一致的场景,比如财务、税务和统计报表。以下是对这个过程的详细解析: 首先,准备工作是关键。你需要扫描原表格,确保扫描分辨率设置为100...

    EXCEL表格美化

    同时,表格的样式也能保持一致性,提升整体美观度。 9. **使用批注**:在单元格中添加批注可以提供额外的信息,而不影响表格的整洁性。 10. **页面布局和打印设置**:调整页边距、纸张方向、页眉和页脚,确保打印...

    line-height 和 vertical-align 行高与行对齐精解 (图文)

    然而,需要注意的是,在不同的浏览器中可能会有差异,有时即使设置了相同的行高值,不同浏览器中的显示效果也可能不一致。 关于垂直对齐,vertical-align属性在行内元素或表格单元格中用于设置元素的垂直对齐方式。...

    大方实用PPT表格模板.rar

    适当使用配色方案,保持风格的一致性,可以提升演示的专业感和连贯性。 总的来说,大方实用的PPT表格模板是提升演示质量的有力助手。它们不仅可以节省设计时间,还能确保你的表格在视觉上和功能上都达到专业水平。...

    实用的PPT数据表格模板.rar

    通过使用预设的模板,你可以节省设计时间,同时确保表格的美观性和一致性。 2. 表格设计原则:一个好的表格应简洁明了,颜色对比鲜明但不过于刺眼。模板中的颜色搭配应符合视觉美学,字体大小适中,易于阅读。此外...

    将Excel表格嵌入PPT中.pptx

    在PPT中,可以继续编辑表格的外观,如添加标题、调整字体和颜色以保持与PPT主题的一致性。但如果你选择“链接”粘贴,某些格式可能无法更改,因为它们受Excel源文件控制。 8. **保存和预览**: 保存PPT,并预览...

    jquery table rowspan 表格单元格合并Demo.zip

    同时,可能还需要处理表格的列宽和行高,以保持合并后表格的视觉一致性。 总的来说,这个示例展示了如何通过 jQuery 动态合并 HTML 表格的单元格,这对于创建动态、自适应的表格布局非常有用。开发者可以通过分析这...

    AutoCAD 2015 快速入门进阶与精通视频教程下载ch23 AutoCAD创建文字与表格实际应用案例.zip

    2. 文字样式管理:演示如何创建、修改和应用文字样式,以保持设计的专业性和一致性。 3. 表格工具详解:解释如何插入新表格,输入和编辑数据,以及格式化表格外观。 4. 表格样式设置:教学如何自定义表格样式,包括...

    实用的PPT数据表格模板.pptx

    8. **排版与布局**:表格的位置和大小应与页面其他元素协调,保持整体设计的一致性。不要让表格占据整个屏幕,留出足够的空间添加标题、注释或解释性文本。 9. **数据可视化原则**:遵循数据可视化的最佳实践,如...

Global site tag (gtag.js) - Google Analytics