bootstraptable嵌入下拉框展示不全

在bootstraptable里面嵌入了下拉框,结果每次点击下拉框,下拉框里面的内容自动变为需要滚动查看,不能直接展示出来

img


无法完全展示,除非上下滚动查看

img

Page.$("#toolsTable").bootstrapTable({
        pagination : false,//取消页码上的跳至...页
        pageSize : 50,
        clickToSelect : true,
        data : data,
        sidePagination : 'client',
        resizeMode : "overflow",
        paginationDetailHAlign : ' hidden',//隐藏页码
        columns : [[
            {field: 'id', title: 'ID', visible: false},
            {field: 'way', title: '拼接方式', visible: false},
            {title : '参数名称',formatter: function(value,row,index){
                var a = ' + row.id + '\' value=\'' + row.name +'\' name="name" style="height: 26px; font-size: 12px;" onchange="Page.standardTable.saveToolsValue(' + row.id + ')" type="text" class="form-control">';
                return a;
            }},
            {title: '核查算法',formatter: function(value,row,index){
                var a = '';
                return a;
            }},
            {title: '参数标准值',formatter: function(value,row,index){
                var a = ' + row.id + '\' value=\'' + row.value + '\' name="value" style="height: 26px; font-size: 12px;" onchange="Page.standardTable.saveToolsValue(' + row.id + ')" type="text" class="form-control">';
                return a;
            }},
            {title: '操作', formatter: function(value,row,index){
                var a = '
'
; return a; }} ]] });
请问下拉框怎样才能完全展示出来,不会被遮挡