对于table的一些基础信息不了解的,可以参考我以前写过的一篇《关于table的一些记录》。下面演示的代码,具体的源码可以参考此处。
一、表格固定左边与顶部
公司最近要做个排期系统,当滚动表格的时候,需要将顶部和左边的分别固定起来。
1)固定顶部

原理就是用标签模拟出顶部的样式,通过脚本计算出高度,以及各个块的宽度,再将table中的thead的内容覆盖掉。
1. 样式:通过绝对定位,将ul中的内容覆盖中顶部。
<ul class="calendar-table-top-header"> <li></li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> <li>11</li> <li>12</li> <li>13</li></ul>
延伸阅读
学习是年轻人改变自己的最好方式
