欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

FastAdmin 关于列表渲染文字过长导致页面难以管理的问题

程序员文章站 2023-11-22 13:32:40
先贴一张图片做个例子 看不清图片的朋友可以右键图片,在<新标签页中打开图片>; 可以看到,由于内容过长,导致后面操作的增删改要拉到最后才能操作. 在我们的FastAdmin中,目前我还没找到可以调整列表大小的文档,如果有,欢迎大家告知.下面是我用来解决这个问题的方法 我们可以在生成的页面好添加两段代 ......

先贴一张图片做个例子

FastAdmin 关于列表渲染文字过长导致页面难以管理的问题

 

 

 FastAdmin 关于列表渲染文字过长导致页面难以管理的问题

 看不清图片的朋友可以右键图片,在<新标签页中打开图片>;

 可以看到,由于内容过长,导致后面操作的增删改要拉到最后才能操作.

在我们的fastadmin中,目前我还没找到可以调整列表大小的文档,如果有,欢迎大家告知.下面是我用来解决这个问题的方法

我们可以在生成的页面好添加两段代码.就可以轻松地解决此类问题

<style>
    table td{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
</style>

  ----------------------

style="table-layout: fixed"

 把这两段代码贴到图中相应的位置就能解决这类问题

FastAdmin 关于列表渲染文字过长导致页面难以管理的问题

 

 把这两段代码贴上以后的效果如下

FastAdmin 关于列表渲染文字过长导致页面难以管理的问题

 

 本人新手一枚,希望对遇到此类问题的朋友有所帮助