前台表格边框样式
这三种同时存在 table内外边框都有 边框线粗细:1px 颜色:#6faadb; .divTable:表格最外层div的ID
.divTable table td{ border:solid #6faadb; border-width:0px 1px 1px 0px; } .divTable table th{ border:solid #6faadb; border-width:0px 1px 1px 0px; } .divTable table{ border:solid #6faadb; border-width:1px 0px 0px 1px; }
设置表格字段过长,省略显示不下的,鼠标上浮显示全部信息
<td style="word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"> <a href="javascript:vodi()" style="width:14%;overflow:hidden;text-decoration:none;color:#555555;cursor:default;" title="${sysClockInRecordsInfo.goToWorkAdds}"> ${sysClockInRecordsInfo.goToWorkAdds} </a> </td> <td style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"> <a href="javascript:vodi()" style="text-decoration:none;color:#555555;cursor:default;" title="${sysClockInRecordsInfo.goToWorkAdds}"> ${sysClockInRecordsInfo.goToWorkAdds} </a> </td> <td style="word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" title="${sysDocFiles.fileName}"> ${sysDocFiles.fileName} </td>
格式化table表格中字段保留小数点后2位小数
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<td><fmt:formatNumber type="number" value="${curObj.priceTotal}" pattern="0.00" maxFractionDigits="2"/></td>
table设置边框属性
border-collapse
collapse | 如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性 |
separate | 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性 |
inherit | 规定应该从父元素继承 border-collapse 属性的值 |
table-layout
automatic | 默认。列宽度由单元格内容设定。 |
fixed | 列宽由表格宽度和列宽度设定。 |
inherit | 规定应该从父元素继承 table-layout 属性的值。 |
设置表格最大高度,保证不会出现页面纵向滚动条
var heightMax=parent.document.body.clientHeight;// 页面总高度 var searchFormHeight=$("#searchForm")[0].clientHeight;//搜索栏高度 var pageDivHeight=$("#pageDiv").height();//翻页插件高度 //38:父页面页签高度(资产库) //32:margin-top偏移量 偏移4次 父页面页签与搜索栏偏移8px 搜索栏与表格偏移8px 分页插件上下个偏移8px var differ=heightMax-searchFormHeight-pageDivHeight-38-32+"px"; $("#tabDiv").css("max-height",differ);
最大高度=获取页面总高度-页面各个插件高度-页面元素高度偏移量
将其设置为表格最大高度 max-height
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律