前端
文章平均质量分 74
踏雪无痕老爷子
昨日种种譬如昨日死,今日种种譬如今日生。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【bootstrap-table】如何将一串时间戳改为正常日期格式-Bootstrap-Table 展示数据库日期字段时如何优雅转换
当数据库的字段为日期时间时,发现前端bootstrap-table展现出来的内容变成了一串时间戳格式。网上查了很多答案,我觉得大都比较繁杂,就是一个日期转换,都要我去加一段冗长的标准转换代码。...原创 2022-07-13 17:47:51 · 1513 阅读 · 0 评论 -
【bootstrap-table】【js】如何让时间戳转换为合适展现的日期格式-加工处理
上一篇,我们做到了把bootstrap-table中的时间戳内容转变为local日期格式。但是后续有发现一些问题:上面的问题当然都需要在函数中加工处理,对于第一个问题,大家当然都想到replace,但是我在尝试过程中发现,直接手打replace无效,似乎原本的local日期格式有什么特殊的内容在里面,不是一般的冒号,最终我采用对数据赋值粘贴的方法才成功replace....原创 2022-07-13 17:57:18 · 769 阅读 · 0 评论 -
【glyphicon对照表】bootstrap样式可直接使用的图标大全
bootstrap样式可直接使用的图标大全原创 2023-01-11 21:20:16 · 7991 阅读 · 0 评论 -
【BootstrapTable】Bootstrap Table 列表内容过长如何只显示摘要(附完整代码示例)
本文介绍了如何利用Bootstrap Table的formatter属性实现表格内容自动摘要显示。通过自定义格式化函数,当文本超过指定长度(如50字符)时截取前段并添加省略号,解决了长文本在表格中显示臃肿的问题。文章提供了核心代码示例,并展示了三种优化方案:鼠标悬停提示、点击展开详情和CSS控制溢出。这些方法能有效提升后台管理系统和数据展示页面的可读性与美观度,同时保持良好用户体验。实现简单灵活,支持自定义截断长度,适用于评论、备注等长文本字段的优雅展示。原创 2023-02-16 13:38:15 · 361 阅读 · 0 评论 -
【Bootstrap】Bootstrap-table 前后端协作加载表格:动态列名与数据的优雅实现
本文介绍了一种基于Bootstrap-table和Flask的动态表格实现方案,适用于字段不固定的企业级数据展示场景。后端通过Flask查询数据库生成DataFrame,自动构建表头信息(columns)并转换为JSON格式;前端通过Ajax动态获取数据,利用Bootstrap-table渲染表格,无需硬编码字段名。该方案支持搜索、分页、导出等功能,实现了前后端解耦,提升了代码复用性和维护性。文章还提供了字段美化、多状态切换等优化建议,适合通用管理后台等高频数据展示需求。原创 2021-11-08 19:01:09 · 2269 阅读 · 0 评论 -
【前端】Bootstrap 表格单行显示不换行的最佳实践
摘要: Bootstrap表格默认自动换行,但某些场景(如展示代码、编号)需禁止换行。使用text-nowrap类(原理为white-space: nowrap)可强制内容单行显示,适用于单列或整个表格。建议搭配滚动容器(如table-responsive)避免溢出,同时提供横向滚动支持。对比其他工具类(如text-wrap、text-truncate),此方案简洁高效,适用于需保持数据完整性的场景。原创 2021-11-09 15:58:17 · 3993 阅读 · 1 评论 -
【前端】JS遍历Table,让所有数字2位补零
用户希望所有数字整整齐齐的,小数不足两位的补零。但是后端SQL种种原因无法修改,只能退而用JS方法实现格式化。遍历Table中所有数字时,需要先把cell中的内容从text转为Float,然后再进行格式化处理。其中的cells[i]代表遍历过程中的单元格对象。原创 2024-03-26 14:10:53 · 637 阅读 · 0 评论
分享