layui数据表格固定表头

<style>

.layui-table-header-flow {

background: #FFFFFF none repeat scroll 0 0;

line-height: 30px;

border-bottom: 1px solid #ccc;

position: fixed;

top: 0px;

_position:absolute;

top:expression((offsetParent.scrollTop)+0);

z-index: 2;

}

</style>  

<script>

layui.config({ base: '/static/admin/' //静态资源所在路径

}).extend({ index: 'lib/index' //主入口模块 }).use(['index','table'], function(){

var $ = layui.$ ,

form = layui.form ,

table = layui.table;

var flow=$(".layui-table-header");

var top=flow.offset().top;



var top=flow.offset().top;

$(window).on('scroll', function () {

if ($(this).scrollTop()>top){

flow.addClass("layui-table-header-flow");

} else{

flow.removeClass("layui-table-header-flow");

}

})

</script>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。