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

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

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;
}}
]]
});
请问下拉框怎样才能完全展示出来,不会被遮挡