dcat-admin icon indicating copy to clipboard operation
dcat-admin copied to clipboard

Gird 页面行高与表头固定的问题

Open windyson2008 opened this issue 4 years ago • 1 comments

  • Laravel Version: 7.x
  • PHP Version: 5.x
  • Dcat Admin Version: 2.1.0

Description:

升级到 2.1.0 版本后,grid 页如果使用了固定列与组合表头的功能后,如果一页数据数量过少的情况下(筛选过滤后),最后一行的行高变得很奇怪,在 2.1.0 版本之前没有发生这种现象,请参看下图。 image

向下滚动滚动条后 image

Steps To Reproduce:

这里使用到的相关设定 固定列 组合表头 列表里有图片显示(100 x 50) grid action class 为 Actions::class table 增加了一个class : $grid->addTableClass('table-head-fixed');

另外针对 table 增加的 class 来说也有个一个与预期不符的地方,不知道能否改善 table 增加 table-head-fixed 样式以预期滚动 Y 轴时,表头也会固定,类似 Excel 的冻结行功能。 但是,如果同时使用了组合表头的功能的话,二级表头不会固定。如下图

image

滚动后 image

windyson2008 avatar Jun 06 '21 23:06 windyson2008

  • Laravel Version: 7.x
  • PHP Version: 5.x
  • Dcat Admin Version: 2.1.0

Description:

升级到 2.1.0 版本后,grid 页如果使用了固定列与组合表头的功能后,如果一页数据数量过少的情况下(筛选过滤后),最后一行的行高变得很奇怪,在 2.1.0 版本之前没有发生这种现象,请参看下图。 image

向下滚动滚动条后 image

Steps To Reproduce:

这里使用到的相关设定 固定列 组合表头 列表里有图片显示(100 x 50) grid action class 为 Actions::class table 增加了一个class : $grid->addTableClass('table-head-fixed');

另外针对 table 增加的 class 来说也有个一个与预期不符的地方,不知道能否改善 table 增加 table-head-fixed 样式以预期滚动 Y 轴时,表头也会固定,类似 Excel 的冻结行功能。 但是,如果同时使用了组合表头的功能的话,二级表头不会固定。如下图

image

滚动后 image

您好,想请教一下,table-head-fixed 这个 class 的具体 css 代码?

zhaiyuxin103 avatar Nov 18 '21 16:11 zhaiyuxin103