前台表格边框样式

复制代码
这三种同时存在  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
复制代码

 

posted @   景、  阅读(481)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示