小编Rah*_*leh的帖子

创建每周日历模仿谷歌日历

我正在尝试创建每周视图日历，日历没有响应。天应该固定在上面，时间应该固定在左边。日历应该在两边都有滚动条，但滚动条必须在 schedule 内。（见下面谷歌日历/我的截图）：

这是我目前的解决方案：https : //codepen.io/Rahmans/pen/LvWZpN

body {
    background: #f0ece2;
}
.inner {
    width: 700px;
    height: 450px;
    margin: 50px auto;
    overflow: scroll;
}
table {

}
table td {
    background: #acdbdf;
    padding: 20px 60px;

}

table thead th {
    position: sticky;
    top: 0;
    background-color: #010101;
    color: #fff;
    padding: 20px ;
    text-transform: uppercase;
    font-size: 21px;
    z-index: 5;
}

table tbody tr th {
    position: sticky;
    left: 0;
    background-color: #69779b;
    color: #fff;
    padding: 20px ;
}

Run Code Online (Sandbox Code Playgroud)