首页 > 其他分享 >fastadmin 列宽度修改,超过长度的用省略号替代

fastadmin 列宽度修改,超过长度的用省略号替代

时间:2023-09-06 12:01:32浏览次数:33  
标签:省略号 列表 修改 宽度 fastadmin 如图 overflow

fastadmin列表页有时候某一个列内容过长时,需要修改列表使得列内容整体更加美观,可以在对应的js中,添加如下代码

 

cellStyle : function(value, row, index, field){
                                return {
                                    css: {
                                        "white-space": "nowrap",
                                        "text-overflow": "ellipsis",
                                        "overflow": "hidden",
                                        "max-width":"300px"
                                    }
                                };
                            }

 

代码效果如图:

 

最终页面效果如图:

 

标签:省略号,列表,修改,宽度,fastadmin,如图,overflow
From: https://www.cnblogs.com/hjxcode/p/17681962.html

相关文章

  • 1分钟带你入门RequireJs并了解FastAdmin中JS是如何调用的
    1分钟带你入门RequireJs并了解FastAdmin中JS是如何调用的发布于2018-08-2522:22:57使用fastadmin,前端方面第一个难点就是requirejs,这是一个强大却鲜为人知(对于后端开发人员来说)的框架。在fastadmin交流群混了一段时间,发现不少小白总在问一些很基础的问题,本人实在看不下去了,......
  • IOS-开发获取tableview中cell的最终渲染宽度
    如图 我想要实现一个cell,里面有一个白色的消息区域宽度是整个cell的宽度减少20pt, 于是我写了_msgview.frame=CGRectMake(10,_time.bounds.origin.x+30,self.contentView.bounds.size.width-20,80);贴上完整代码-(instancetype)initWithStyle:(UITableViewCellStyle)......
  • fastAdmin框架ajax选项框实现
    效果:实现:1.引入 2.函数 3.html代码 ......
  • Linux 显示 bmp 错位(宽度不能被4整除问题)
    主要参考文章:《gec6818_液晶屏显示bmp图片》辅助参考文章:《关于bmp图片倾斜的解决方法》 24位bmp格式图片的编码特点:每个像素点占3个字节存放的BGR数据 B蓝色 G绿色 R红色。(不是RGB)图片的宽度占用的字节数如果不能被4整除,window系统会给每一行尾端填充垃圾数凑够4字......
  • fastadmin xdebug调试
    1、配置一个phpinfo.php文件;2、安装xdebug插件打开https://xdebug.org/wizard,将phpinfo.php源代码,复制到文本输入框,xdebug会分析出php环境配置,然后按照说明安装即可。注意:端口最好不要用9000,不然会跟Nginx冲突3、修改vscode配置文件---->首选项---->设置,点击:在settings.json......
  • fastadmin数据库改动后手工修改相关文件
    在项目开发过程中了,或二次开发时,项目的MVC文件已经做了大量的修改,不能直接使用后台的一键生成CURD来重新生成相关的文件了。需要我们手工去改相关的文件了。比如:数据库状态字段的值做了修改,去掉了其中一项。1、控制器->C检查关联查询/数据限制有没有配置,这个涉及关联数据能不能......
  • fastAdmin api方法解析
    准备工作:1.fastAdmin伪静态设置参考:ThinkPHPURL重写:https://www.kancloud.cn/manual/thinkphp5/177576Nginx:/conf/vhosts/hostname.conf2.FeHelper插件安装参考:Web开发者助手FeHelper:https://www.baidufe.com/fehelper/index/index.html一、api方法解析1.api/controller/Demo.p......
  • fastadmin结合layer关闭指定弹窗
    parent.Layer.closeAll(1);//关闭所有弹窗varindex=parent.layer.getFrameIndex(window.name);parent.layer.close(index);//先得到当前ifame层的索引,再执行关闭当前显示页面parent.$("#customer").bootstrapTable("refresh");//关......
  • fastadmin列表宽度变小,如何让列字段内容自动换行
    首先,正常来讲,fastadmin列宽度没有属性约束,会随着字段值的长度自动伸缩。但fastadmin可以控制列的宽度,看一下控制列宽度后的样式。{field:'filename',title:'附件名称',cellStyle:function(){return{css:{"max-width":"150px",}}}},如下图 但这样不美观,如何让字......
  • Echarts--x轴文本过长,设置超出隐藏显示省略号,鼠标悬浮上显示全部
     <!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  <metaname="viewport"content="width=device-width,initial-scale=1.0">  <title>Document</title></h......