解决layui表格的表头不滚动的问题-创新互联

步奏:

创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于成都做网站、网站设计、滨城网络推广、小程序定制开发、滨城网络营销、滨城企业策划、滨城品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们大的嘉奖;创新互联建站为所有大学生创业者提供滨城建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com

1、设置两个table,第一个table有thead没有tbody,第二个table有tbody没有table;

2、第二个table需要一个div包住,并设置宽高,可用绝对布局

3、tr下的th和td需要设置相同的宽度

实例:

html:

<html>
 <head></head>
 <body>
 <div id="righttable" > 
  <table class="layui-table" border="1" > 
  <thead id="thead_"> 
   <tr>
   <th>站点名称</th>
   <th>站点排名</th>
   <th>站点电量(kWh)</th>
   </tr> 
  </thead> 
  </table> 
  <div > 
  <table class="layui-table" border="1" > 
   <tbody id="tbody_"> 
   </tbody> 
  </table> 
  </div> 
 </div>
 </body>
</html>

网站题目:解决layui表格的表头不滚动的问题-创新互联
网页URL:https://www.cdcxhl.com/article34/degppe.html

成都网站建设公司_创新互联,为您提供企业建站App开发云服务器自适应网站网站建设网站排名

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设