我想在android webview中显示一个表，它要求表可以横向和纵向滚动。
body {
margin: 0px;
}
table {
border-collapse: collapse;
margin-bottom: 3em;
background: #fff;
}
td, th {
padding: 0.75em 1.5em;
text-align: left;
}
td.err {
background-color: #e992b9;
color: #fff;
font-size: 0.75em;
text-align: center;
line-height: 1;
}
th {
background-color: #31bc86;
font-weight: bold;
color: #fff;
white-space: nowrap;
}
.thead {
position: fixed;
}
tbody th {
background-color: #2ea879;
}
tbody tr:nth-child(2n-1) {
background-color: #f5f5f5;
transition: all .125s ease-in-out;
}
tbody tr:hover {
background-color: rgba(129,208,177,.3);
}<table >
<thead>
<tr>
<th>产品ID</th>
<th>产品编码</th>
<th>产品名称</th>
<th>产品规格</th>
<th>配置</th>
<th>配置1</th>
<th>配置2</th>
<th>单价</th>
<th>折扣</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>33333333333333333333333333333333333333333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>A86</td>
<td>产品1</td>
<td>10X10</td>
<td>sfsdfsdfsdfsdfs</td>
<td>333333333333333</td>
<td>1923</td>
<td>0.9</td>
<td></td>
</tr>
</tbody>
</table>
我尝试使用[StickyTableHeaders] [1]
[1]：https://github.com/jmosbech/StickyTableHeaders，它可以在我的windows chrome中运行，但是在调用webView.loadUrl时它在Android中不起作用，似乎js在android中无效，logcat显示＆＃ 34;未捕获TypeError：对象[object Object]没有方法＆＃39; stickyTableHeaders＆＃39;。任何人都可以帮我解决这个问题：）
答案 0 :(得分：0)
默认情况下未启用JavaScript。你必须通过以下方式启用它：
webview.getSettings().setJavaScriptEnabled(true);