关于layui table 模块的宽度自适应,做个调查

讨论 已结
102 3465
贤心
贤心 2017-11-8
悬赏:20飞吻
你们一直呼吁的 layui table 模块宽度自适应:
1. 指的是 width 可以设置百分比?
2. 还是指不设置 width,让其根据内容自由伸缩填充满?
1. 如果只是百分比,已经实现,等待 2.2.0 发布即可
2. 如果是自由伸缩填充满,那么实现起来会略有些复杂(easyui 的 datagird 也不具备该功能)

或者你们可以详细阐述一些你们需要的宽度自适应,具体是怎么样的?
(就我个人来说,目前设置固定的 width 还是完全可以接受的)
回帖
  • 小明2
    2017-11-8

    这样 完美
    36 回复
  • 我来说下吧! 我用layui的table来封装过跟后端结合的组件! 当时也在心姐的两个问题上纠结! 最后我不想去过多的让开发者做选择!因为两种情况在不同的客户环境都有需求!所以我就实现了的!我来说说我的实现思路吧!我没有改动过layui的一句代码! 只是在调用table.render之前做了一系列的工作!首先在百分比的情况下我是先索取table父容器的宽度来计算的每列的宽度,在没有设置列宽(也就是全部自适应)的情况下我就是按照列的总数平均计算每列的宽度;最后不管开发者是设置的固定宽度还是百分比还是没有设置我都会将父容器的宽度减去前面所有列的宽度得到最后一列的宽度,如果大于0(表明开发者设置的宽度和没有table的宽度大,也就是现在末尾会出现大片空白)我就设置给最后一列以保证表格填满,如果小于0(表明开发者设置的宽度和大于table的宽度大,就是现在出现滚动条的效果)我就不设置。
    5 回复
  • admin赶紧放出来 [嘻嘻]
    2 回复
  •  清风
    2017-11-8
    用百分比就可以了~
    超过width部分用...代替,有title就成

    根据内容自适应宽度,是个巨坑,不建议跳[嘻嘻]
    2 回复
  • Fufu
    2017-11-8
    layuiAdmin 快快显灵~~~
    我的理解是,表格总宽度100%,当前窗口比如(800px),表格有5列,每列我设置了 width: 100px,表现出来的就是右边空了一大块,希望能像静态表格的【最后一列】无宽度自动拉伸到最大值,这时这一列的宽度为 400px。
    虽然数据表格很大程度上是会有很多列,但既然是数据表格,根据条件会得到不同的数据集,字段随时在重新渲染时会变化,字段少的时候就不太好看。
    另外静态表格设置了宽度会自动伸展按宽度比例扩展到100%。这是极好的。那么数据表格的宽度自适应最好的是每列都设置固定宽度,当所有列总宽度少于当前窗口宽度时,就自动按比例扩展布满整个表格最好了。

    另外有几个问题,看能不能留意下:
    1、多级表头会被下拉框影响 http://fly.layui.com/jie/17413/
    2、table.render({..., done: function() { 数据请求失败时无法执行到这里 }}); 希望增加错误回调,类似 laypage 的 jump 回调,现在翻页时自动按渲染时的参数请求,好多时候需要控制翻页的请求参数,比如翻页请求时至少得带个总记录数(因为第一页时已经有得到了)。 http://fly.layui.com/jie/17429/
    3、table.render 返回结果集无数据时,一般后端会返回原因写到 msg 中,所以这时也希望能有方法将 msg 展示到表格默认文字中。 http://fly.layui.com/jie/17130/
    4、table.render({data: [...]}); 直接赋值渲染时,page: false,limit 依然会默认只显示 30。
    1 回复
  • LI2IT
    2017-11-8

    最喜欢这种表达方式
    1 回复
  • Jay337
    2017-11-8
    固定宽还是要的,剩余的自适应填充,不然有点难看。[微笑]
    1 回复
  • treeTable,table里面包含了tree功能,这个有希望增加吗?
    1 回复
  • redbb
    2017-11-8
    我也可以接受[嘻嘻] 但是既然有了,赶紧发布吧 哈哈!
    0 回复
  • lovnie
    2017-11-8
    百分比即可 期待 2.2.0
    0 回复
  • 期待2.2.0 的发布
    0 回复
  • 都做好了百分比,咋不一点点放出来,期待!
    0 回复
  • 飘血
    2017-11-8
    在不设置width的情况下根据内容自适应宽度.就像原生态的tablie一样
    0 回复
  • width能设置百分比就满足了
    0 回复
  • 飘血
    2017-11-8
    建议 数据表格中添加 渲染表格前的回调函数,方便处理登录超时等其他出具处理工作
    0 回复
  • lovnie
    2017-11-8
    http://fly.layui.com/jie/17172/ @贤心 请测试一下
    0 回复
  • 最基本的百分比[嘻嘻]
    0 回复
  • 自动在手机和pc上显示不同的布局[可怜]
    0 回复
  • 来来来,来来来,西湖美景,layui admin。
    0 回复
  • Pojin
    2017-11-8
    把2.2.0发出来吧
    0 回复
  • 百分比即可!!!求尽快发布,等的有点久了。还有最重要的layuiadmin [泪]
    0 回复
  • 能像静态表格那样就行了
    0 回复
  • 关于第二点的想法:
    假设有5列数据ABCDE,然后给ABCD设置了宽度,不论是固定还是百分百,然后页面剩余部分全部归E用来展示。
    至少不要像现在,需要给ABCDE都设置宽度,然后还有剩下一段空白。
    不过说实话,我对这两种需求都不怎么强烈,哈哈哈[嘻嘻]
    0 回复
  • NewMoon
    2017-11-8
    能自由伸缩更好,不能的话,有百分比也不错
    0 回复
  • 宽度自适应,可取。毕竟是表格嘛。可以在后续的版本中更新上去,不着急。当下admin才是惊喜。
    0 回复
  • 俊少
    2017-11-8
    最后一列自动宽度就比较美观了
    0 回复
  • ACXY
    2017-11-8
    百分比就行了
    0 回复
  • ACXY
    2017-11-8
    我不知道 2.2的table模块 有没有对行内编辑做出调整,目前版本的表格编辑,样式,功能,有点差强人意
    0 回复
  • ONHYDQ
    2017-11-8
    一种是宽度设置百分比;
    另一种是设置宽度后,设置自动填充,如果宽度够(不显示横向滚动条)就自动按比例填充满,出现滚动条就按设置的宽度显示(列多的情况下,仅百分比不太满足)
    0 回复
  • 目前还没有这种需求。
    0 回复