html表格滚动字幕的宽度,前端消除滚动条宽度对table 表格的影响

示例代码:

test test	test 2 test 2	test 3 test 3
one	two	three longer
one	two	three longer
one	two	three longer
one	two	three longer
one	two	three longer
one	two	three longer
one	two	three longer

//---------------------------------------

.container {

outline: 1px solid black;

width: 20rem;

}

.table {

position: relative;

padding-top: 2rem;

background-color: blue;

}

.scrollview {

height: 10rem;

overflow: auto;

}

th {

height: 0;

line-height: 0;

padding-top: 0;

padding-bottom: 0;

color: transparent;

border: none;

white-space: nowrap;

}

td, th {

border-bottom: 1px solid #eee;

background: #ddd;

padding: .5rem;

}