使进度条适合单元格高度

Question

我目前正在使用 Mottie 的 tablesorter 版本来显示一些数据。我想添加一列进度条，但是进度条似乎太高了，它影响了 tablesorter 的滚动小部件。它可能真的很简单，但我不知道如何调整进度条的大小以适应单元格的高度。有什么聪明的方法吗？我目前只是硬编码大小...

Table without progress bar displays correctly

Table with progress bar which affected the height of the row

$('.progressbar').height(10);

还有，请问有谁知道进度条的列是否可以排序？ 干杯！

Answer 1

为了让进度条知道它的父容器space占用了多少，它需要知道父容器有多大，所以在CSS中设置它的高度.

table tbody td {
    white-space: nowrap;
    min-width: 60px;
    height: 20px;
}

然后将进度条的高度设置为100%。

$('.progressbar').height('100%');