DataTables插件-高度自适应

应用

不同显示器的分辨率不一样,导致显示效果不一致。很多情况下,在该分辨率下显示适合,在其它显示器显示过大或过小。如何调至更好的用户体验?这是一门比较耗时的功课。本篇文章应用范围很窄,只讲DataTable插件的高度自适应。在不同的分辨率下,尽可能地将表单数据更好的显示出来。

实现

利用css3的新单位:vh

'sScrollY': 'calc(100vh - 280px)'

其中,100vh代表视窗高度的100%,280px则根据页面自定义。需要注意的是减号 “-”  两端需要空格。

效果

猜你喜欢

转载自blog.csdn.net/ALaDingPro/article/details/83898776