Bootstrap Row切断柱的底部

Question

我现在在同一行上有两列，其中一列是一个可以动态添加“tr”的表。因此，当这张桌子几乎是空的时，它的高度非常小。我的另一列是固定高度（页面的一半），因此当表格几乎为空时，它比我的表格列高。然而，当桌子处于接近空的状态时，它切断了我的另一列的底部以保持它们的高度相等。以下是该州的情况：

这是我的行代码减去每列的内部（我也使用Bootstrap的offcanvas插件）：

<div class="row row-offcanvas row-offcanvas-right"> 
    <div class="components col-lg-12">
        <table class="table table-hover sortable" id="table">
    <div class="sidebar-offcanvas preview" id="sidebar">

另外，如果您想知道，我在那里的预览列已经离开页面，直到单击一个按钮。当它出现时，Components列被压缩为col-lg-8。对不起，如果这令人困惑！非常感谢任何帮助！