JS+CSS - table 表格固定表头和第一列、内容可滚动（转载）

最新推荐文章于 2024-05-11 01:32:20 发布

清，纯一色

最新推荐文章于 2024-05-11 01:32:20 发布

阅读量1.4k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/500m/p/11611234.html

版权

本文介绍了如何使用JavaScript和CSS来实现网页中表格的固定表头和第一列的效果，当内容滚动时，表头和第一列保持可见，方便用户查看和操作。详细教程来源于两个博客链接。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        table {
            width: 100%;
            text-align: center;
            border-collapse: collapse;
            border-spacing: 0;
        }

        table td {
            word-break: break-all;
            word-wrap: break-word;
        }

        .container {
            width: 600px;
            height: 500px;
            padding: 0;
            box-sizing: border-box;
        }

        #left-div {
            width: 80px;
            float: left;
        }

        #left-div1 {
            width: 100%;

最低0.47元/天解锁文章

清，纯一色

关注

0
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
JS+CSS - table 表格固定表头和第一列、内容可滚动（转载）

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-...
复制链接

扫一扫