html table fixing a column

Solutions on MaxInterview for html table fixing a column by the best coders in the world

showing results for - "html table fixing a column"
Giuseppe
03 Apr 2020
1table {
2  border-collapse: separate;
3  border-spacing: 0;
4  border-top: 1px solid grey;
5}
6
7td, th {
8  margin: 0;
9  border: 1px solid grey;
10  white-space: nowrap;
11  border-top-width: 0px;
12}
13
14div {
15  width: 500px;
16  overflow-x: scroll;
17  margin-left: 5em;
18  overflow-y: visible;
19  padding: 0;
20}
21
22.headcol {
23  position: absolute;
24  width: 5em;
25  left: 0;
26  top: auto;
27  border-top-width: 1px;
28  /*only relevant for first row*/
29  margin-top: -1px;
30  /*compensate for top border*/
31}
32
33.headcol:before {
34  content: 'Row ';
35}
36
37.long {
38  background: yellow;
39  letter-spacing: 1em;
40}