bootstarp里面的table,当分辨率改变时，改变table的高度，但是不希望出现滚动条，而是整个tabel的大小一起变化

[BXS_null]

 var divHeight = $("#tableDiv").height()*0.68;
        
        $(function () {
            self.setInterval(obj.funInit(), 1000 * 60 * 30);
        });
        var obj = {
            funInit: function () {
                $('#scheduling').bootstrapTable({
                    method: 'get',
                    url: '/Working/GetTotalAMB',
                    pagination: true,
                    sidePagination: "server",
                    toolbar: '#toolbarDetail',
                    paginationDetailHAlign: ' hidden',
                    striped: true,
                    pageSize: 20,
                    height: divHeight,
                    queryParams: function (params) {
                        return params;
                    },
                });
            },
        }

tablediv的高度是百分比，每次拿整个div的高度来给table赋值，但是当分辨率改变时，table右边会出现滚动条，我不想要这种效果，我想要整个table集体变化，而不是只出现一个滚动条，请问应该怎么调整

[BXS_null]

     <div class=" clearfix" style="width:47%;float:left;height:100%;" id="tableDiv">
                <h4>最近三天AMB总产值</h4>
                    <table id="scheduling" >
                        <thead>
                            <tr>
                                <th data-field='CreateTime'>出勤日期</th>
                                <th data-field='AttendanceHours'>出勤时数</th>
                                <th data-field="TotalRevenue">总收入</th>
                                <th data-field='TotalExpenditure'>总支出</th>
                                <th data-field='ProfitPer'>总获利</th>
                                <th data-field='ProfitPerHour'>每小时获利</th>
                            </tr>
                        </thead>
                    </table>
            </div>