bootstrap-table插件如何让td标签里面内容只显示一行，多余部分用省略号显示

bootstrap-table插件如何让td标签里面内容只显示一行，多余部分用省略号显示，
因为写了table-alyout:fixed 表格会不自适应，所以想用js 写，但是td 的宽度获取不到，怎么弄？？

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
show_code 2017-05-11 09:28
关注
你给td加上css:
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
如果不行的话你就在td插入值的用一个p标签把值包起来，然后给p标签写上上面的样式，绝对是可以的

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

Bootstrap-table 查询结果为无数据时显示图片的方法 bootstrap css3 html5 javascript jquery
2019-11-28 14:09

回答 1 已采纳直接将return 中的内容改为标签即可 ``` formatNoMatches: function () { //没有匹配的结果 // return '无符合条件的记
bootStrap-table 无法根据index删除对应行 bootstrap html5 javascript jquery
2019-11-11 10:08

回答 1 已采纳 https://blog.csdn.net/a116475939/article/details/88527597
bootstraptable 动态列表头固定以及表格底部使用footerFormatter显示的汇总信息浮动显示 bootstrap javascript 前端有问必答
2022-03-15 13:29

回答 2 已采纳额。。想太多了，其实设置bootstrap.table的高度后，页头和页脚就会固定了，只有内容滚动 <!doctype html> <html> <head>
bootstrap-table td内容过多显示部分内容其余显示省略号
2020-11-26 17:30

め聆メ听ヅ＆的博客给tabel添加样式 style=“table-layout:fixed” 给td添加样式 style=“overflow:hidden;white-space:nowrap;text-overflow:ellipsis;”
bootstrap-table-export 导出的表格怎么修改宽度并居中 bootstrap jquery 前端有问必答
2022-05-08 10:57

回答 3 已采纳 tableexport用的js-xlsx导出，设置宽度可以配置js-xlsx的ws['!cols']这配置。修改下面的代码，自己处理导出png和Excel格式的文件搞定~可以自己去这里看在线示例：
bootstrap-table怎么获取某一列的数据？ bootstrap javascript jquery
2021-08-11 13:50

回答 2 已采纳 getRowByUniqueId https://www.cnblogs.com/combat/p/11113126.html https://www.cn
bootstrap table表格不显示数据 bootstrap java
2022-07-31 12:35

回答 2 已采纳 bootstrap.min.css 没引入成功。可能是路径错了。其次你需要 responseHandler 打印一下 res看看是否请求到数据了
bootstrap表格内容过长时用省略号表示的解决方法
2020-12-29 00:57

首先，bootstrap中当td内容超过我给的固定宽度时，省略号代替的代码如下： <table class=table> 商品名称详细介绍购买数量 <tbody i
bootstrap-table如何设置首行变色，其他行不变色 bootstrap
2017-06-08 06:22

回答 3 已采纳去掉table-hover样式，自己写个样式加到第一行就行了 ``` 姓名性别年龄姓名性别年龄
为什么使用jQuery1.7.2版本时，bootstrap-table数据不显示？ bootstrap jquery
2018-01-16 02:44

回答 5 已采纳楼上说的都错了。这是由于在1.7.2版本中$(document.createDocumentFragment()).append(dom);无效，无法将dom元素添加到文档碎片上；将对应位置的代码
bootstrap-table的三个相关的表如何生成新的一列做标记 bootstrap javascript 前端
2022-03-11 09:09

回答 1 已采纳对数据源做处理再渲染
bootstrap table td 固定宽度内容过长超出隐藏显示省略号，鼠标放上去显示
2019-09-23 14:46

java资深菜鸟的博客前端菜鸟折腾了一天，被测试打回好几次。。。。。。。。。。...table-layout:fixed;..."white-space": 'nowrap',"text-...网上有很多关于bootstrap table 设置td宽度,内容超出部分异常,悬停显示全部的方案。但是几乎都有...
请前端的666来看看 <table id="bootstrap-table"></table> 不显示 bootstrap html javascript
2022-02-24 13:00

回答 1 已采纳你的js代码不应该放到库引入之后吗
table超出文字以省略号显示，鼠标悬停显示详细内容
2019-09-12 10:25

y_onghuming的博客 1.table超出文字以省略号显示 table { table-layout: fixed;} //设置表格宽度不随文字增多而变长。 td { white-space: nowrap; //禁止换行 overflow: hidden; //隐藏超出单元格的部分 text-overflow: ellipsis;}...
bootstrap table字段太长，显示省略号，鼠标停留显示文字
2019-11-26 15:53

不两立的博客 {field: 'description', title: '描述' , formatter : function(value, row, index, field){ return "<span style='display: block;overflow: hidden;text-overflow: ellips...
没有解决我的问题, 去提问

悬赏问题

¥15 关于#matlab#的问题：在模糊控制器中选出线路信息，在simulink中根据线路信息生成速度时间目标曲线（初速度为20m/s，15秒后减为0的速度时间图像）我想问线路信息是什么
¥15 banner广告展示设置多少时间不怎么会消耗用户价值
¥16 mybatis的代理对象无法通过@Autowired装填
¥15 可见光定位matlab仿真
¥15 arduino 四自由度机械臂
¥15 wordpress 产品图片 GIF 没法显示
¥15 求三国群英传pl国战时间的修改方法
¥15 matlab代码代写，需写出详细代码，代价私
¥15 ROS系统搭建请教（跨境电商用途）
¥15 AIC3204的示例代码有吗，想用AIC3204测量血氧，找不到相关的代码。