将进度条适合单元格高度

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

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

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

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

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