HTML表格是';t响应溢出=滚动或任何高度变化
我有以下html(请原谅奇怪的缩进)。现在讨论的部分是最后一张表(身体上有id=“allErrorsTable”的部分)。我正在尝试获取它,以便当其内容变得太大时,表体将滚动,而不是从屏幕上延伸出去HTML表格是';t响应溢出=滚动或任何高度变化,html,css,overflow,Html,Css,Overflow,我有以下html(请原谅奇怪的缩进)。现在讨论的部分是最后一张表(身体上有id=“allErrorsTable”的部分)。我正在尝试获取它,以便当其内容变得太大时,表体将滚动,而不是从屏幕上延伸出去 <div class="tab-content noPadding" style="height: 100%"> <div class=&q
<div class="tab-content noPadding" style="height: 100%">
<div class="tab-pane active" id="dataTab"> ... </div>
<div class="tab-pane" id="errorTab">
<h5>Current Precinct:</h5>
<table class="table table-hover scrollable">
<thead>
<th onclick="sortTable("current", "precinct")">Precinct:</th>
<th onclick="sortTable("current", "type")">Error Type:</th>
<th>Resolve Error</th>
</thead>
<tbody id="currentErrorsTable"></tbody>
</table>
<h5>All Errors:</h5>
<table class="table table-hover table-sm">
<thead>
<th onclick="sortErrorTable("all", "precinct")">Precinct:</th>
<th onclick="sortErrorTable("all", "type")">Error Type:</th>
<th>Resolve Error</th>
</thead>
<tbody id="allErrorsTable" class="scrollable" style="height: 10px"></tbody>
</table>
</div>
...
当前选区:
选区:
错误类型:
解决错误
所有错误:
选区:
错误类型:
解决错误
我知道,从顶层(选项卡内容)div到更高级别的父级的所有高度都很好,因为我在“dataTab”div中有一个单独的表,具有相同的滚动功能。不过,为了明确起见,这里顶级div中的100%来自一个height=“100vh”的父div,因此绝对高度是绝对高度
我知道这是一个高度不是绝对的问题,因为某些原因,但我给它一个10px的高度只是为了测试,它仍然没有调整大小。有人能帮我弄清楚我需要在哪里明确申报高度吗?我需要它们最终是相对高度,但让它调整大小/滚动是第一要务。
th{
边框样式:实心;
}
...
当前选区:a;lkjsdf;lakjdsf;lkasjfds;lkfjdsaf;lkdsjfds;勒法基
选区:fskl;广告;lkfjdsf;lskfjds;lfajdsfj;lksf
错误类型:jfkal;dsljfla;jflkdsjflkdsjflkdsjflka
解决错误lja;jdsfl;ksajflkdsjflkdsjfl
所有错误:
选区:
错误类型:
解决错误
因此,这确实使我的表格标题具有边框,但这不是我遇到的问题,问题是它使您的表格可滚动。