HTML Table 导出成Excel 边框变粗的问题

最新推荐文章于 2024-01-26 00:15:00 发布
转载 最新推荐文章于 2024-01-26 00:15:00 发布 · 3.3k 阅读 · 0
文章标签：

#table #excel #html #border

本文介绍如何将HTML表格正确地导出为Excel文件，并确保表格边框显示为单线条样式。重点在于设置table标签的属性，如cellpadding、cellspacing、border及style等。
部署运行你感兴趣的模型镜像
 

当我们把一个html 导出到 excel中时，需要对table作这样的设置否则边框不是单线条边框。

<table cellpadding="3" cellspacing="0"  border="1"  rull="all" style="border-collapse: collapse">

 

border="1"  rull="all" style="border-collapse: collapse">这个三个属性很重要。

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率

vue3+ts+xlsx、xlsx-populate页面上显示表格并导出excel
Missxu1895的博客
06-03 550
要用到的就是xlsx-populate，用它生成和页面上显示的一样的样式并且导出。以上代码就是如何在页面上展示的表格，接下来要说的就是如何导出excel表格，且导出的excel表格内容与页面上一致。以及如何导出pdf格式的内容。页面上需要显示一个数据的excel表格，样式为固定左侧两列和表头（如下图所示），导出的时候结构也要和页面上是一致的。3.数据拿到了以后要处理一下，把拿到的表头数据添加到tableData中，便于td遍历。以上就是小编要分享的关于xlsx进行导出展示的内容啦～2.如何导出pdf格式。
table2Excel导出有边框的Excel
阿锦的博客
07-26 735
table2excel，修改table2excel 改动源码js，前端将table导出Excel
table的border为什么这么粗?
wangcheng711@gmail.com
03-20 2138
在 hellohellohellohello 显示的结果是这个边框特别粗,不好看.后来发现是 在里面应用border会给里面的每个td应用一个边框.table里面的格子每个都有边框,会对边框进行叠加,不象margin属性会进行合并.我们可以对每个td应用style属性,来设置边框.这样是不是好看学多了.....
打印或html2Canvas 转图片时表格左边或右边边框与其他地方相比变窄（不一致）、部分内容丢失
qq_45327886的博客
03-30 3830
打印,html2Canvas转图片时,表格部分边框变细；,html2Canvas转图片时,部分内容丢失
javascript 将table数据导出到excel中（支持表格线的导出）
lixch2008的博客
06-16 222
&lt;HTML&gt; &lt;HEAD&gt; &lt;META http-equiv=Content-Type content="text/html; charset=utf-8"&gt; &lt;title&gt;WEB页面导出为EXCEL文档的方法 &lt;/title&gt; &lt;/HEAD&gt; &lt;body&gt
多场景easyExcel导出excel文件(一)
菜菜小菠菠的博客,专注于后端技术
01-26 6086
使用easyExcel导出excel文件,包括多级表头,多种实现方式,没有表头的动态值,导出图片和超链接和批注和公式,设置单元格和字体样式,导出多sheet,合并单元格,使用table表头,动态表头等场景,
精选资源
vxe-table vue table 表格组件功能
01-21
•带边框 •单元格样式 •列宽拖动 •流体高度 •固定表头 •固定列 •固定表头和列 •表头分组 •序号 •单选 •多选 •排序 •筛选 •合并行或列 •表尾合计 •导出 CSV •显示/隐藏列 •加载中 •格式化内容 •...
ExtJs6.0之Grid前端导出Excel
飞鸟的轨迹
02-26 2271
该js文件支持三级表头的导出。 引入该js文件，调用grid2Excel(grid, fileName)即可。 新建导出按钮 new Ext.create('Ext.button.Button',{ xtype:'button', iconCls:'excel', type: 'excel', text:'保存为Excel', han...
Apache POI + iText方案带Excel的样式吗？能做到和Excel文件导出为PDF一个效果吗？
最新发布
10-30
- 边框合并问题：相邻单元格边框重叠变粗 - 无原生单元格对角线绘制支持[^2] --- ### 四、替代方案建议 1. **LibreOffice无头模式** ```bash soffice --convert-to pdf --headless test.xlsx ``` - ✅ ...
html2canvas+jsPdf的js文件
08-17
html2canvas+jsPdf，2个js用于打印页面
Echarts、Highcharts、html2canvas图片导出到excle文件中
隔壁老方的博客
11-29 2601
echarts导出图片 首先定义一个div <div class="col-md-8"> <div id="main" class="main"> </div> </div> js代码----------------------- var myChart = ec.init(document.getElementById('main')); var picBase64Info1
html的表格边框为什么会这么粗？
a5222885的博客
01-07 767
因为默认情况下，cellspacing = 2px。 当表格的 border 不为 0 的时候，单元格(cell)的 border 为 1。 只有当表格的 border 设置为 0 的时候，单元格的 border 才会变为 0。 所以当我们设置 cellspacing = 0，border = 1 时，表格边框看起来还是比较粗(实际上是 2 像素)。 　　　　　　　　　　 所以...
vue使用jspdf导出表格(非html2canvas导出)
huanhuan03的博客
05-01 2529
vue使用jspdf vue导出页面表格为pdf vue使用jspdf导出页面表格 vue使用jspdf导出后端返回的表格数据为pdf
html导出excel加边框,利用js对象Blob导出的excel，有办法把表格的边框给浮现出来...
weixin_33826897的博客
06-18 718
/* 此样式仅用于浏览器页面效果，Excel不会分离表格边框，不需要此样式 */table {border-collapse: collapse;}学生成绩表编号学号姓名性别年龄成绩语文数学英语12016001张三男1385947722016002李四女12968489导出表格// 使用outerHTML属性获取整个table元素的HTML代码(包括标签)，然后包装成一个完整的HTML文档，设置c...
table2excel 页面导出excel 带边框，文字剧中
yuzheh521的博客
07-14 996
导入下面 js 文件 /* * jQuery table2excel - v1.1.2 * jQuery plugin to export an .xls file in browser from an HTML table * https://github.com/rainabba/jquery-table2excel * * Made by rainabba * Under MIT License */ //table2excel.js (function ( $, window
html 边框变粗 margin -1px
pan_haufei的博客
11-07 6834
最近刚开始学习web前端，html和css,对于遇到的边框变粗的问题，用margin为负值解决问题发表一些自己的理解 首先我们来看看下面一张图片 list-style: none;                 border:1px solid black;                 width: 200px;                 line-height:
创建table表格总有一些线比其他线粗
qq_48439911的博客
03-23 3290
很简单的一个表格，为什么会出现有的边框线粗一些的原因呢？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc..
利用网页表格导出EXCEL表格加线框及表格内部间距的问题
祝紫山（大可山人）博客[GDI+,WPF, .Net图形图像]
08-23 7632
输出时使用类似HTML表格形式：<table width="100%" border="1" cellspacing="0" cellpadding="2">导出EXCEL即可。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值