bootstraptable嵌入下拉框展示不全

Question

在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 = '<input id=\'name' + 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 = '<select id=\'algorithm' + row.id + '\' name="algorithm" class="form-control selectpicker" style="position: relative; margin-top;" onchange="Page.standardTable.saveToolsValue(' + row.id + ')" data-live-search="true">\n' +
                    '                        <option value="</span>=<span class="hljs-string">">=</option>\n' +
                    '                        <option value="</span>><span class="hljs-string">">></option>\n' +
                    '                        <option value="</span><<span class="hljs-string">"><</option>\n' +
                    '                        <option value="</span>><span class="hljs-string">">></option>\n' +
                    '                        <option value="</span><=<span class="hljs-string">"><=</option>\n' +
                    '                        <option value="</span>!=<span class="hljs-string">">!=</option>\n' +
                    '                        <option value="</span>(<span class="hljs-string">">(</option>\n' +
                    '                        <option value="</span>)<span class="hljs-string">">)</option>\n' +
                    '                        <option value="</span>[<span class="hljs-string">">[</option>\n' +
                    '                        <option value="</span>]<span class="hljs-string">">]</option>\n' +
                    '                        <option value="</span>[<span class="hljs-string">">[</option>\n' +
                    '                        <option value="</span>)<span class="hljs-string">">)</option>\n' +
                    '                        <option value="</span>(<span class="hljs-string">">(</option>\n' +
                    '                        <option value="</span>]<span class="hljs-string">">]</option>\n' +
                    '                        <option value="</span>包含<span class="hljs-string">">包含</option>\n' +
                    '                        <option value="</span>不包含<span class="hljs-string">">不包含</option>\n' +
                    '                    </select>';
                return a;
            }},
            {title: '参数标准值',formatter: function(value,row,index){
                var a = '<input id=\'value' + 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 = '
<button type="</span>button<span class="hljs-string">" class="btn btn-n" onclick="Page.standardTable.deleteToolsTable(' + row.id + ');">删除</button>
';
                return a;
            }}
        ]]
    });

请问下拉框怎样才能完全展示出来，不会被遮挡

Answer 1

• 看下这篇博客，也许你就懂了，链接：关于bootstraptable的使用