bootstrap table 自适应高度
这里主要解决bootstrap table 数据过多时固定高度,数据少时以数据量决定高度。
这里是带底部的表格,其他情况可能稍有出入:
直接上代码:
1、表格div
<div class="box-body" style="overflow: auto;" id="out_table_gzlmx_ks"> <table class="table-container" id="table_gzlmx_ks"> </table> </div>
2、初始化表格,加载数据,注意核心标记
3、自适应方法
function getTableHeight() { return $(window).height()-450; }
function resizeTableHeightKs(dataLen) { debugger; if(dataLen==0){ dataLen=1; } var a = $("#table_gzlmx_ks").first().find('tr').last().height() * (dataLen); if (a > getTableHeight()) { $('div#out_table_gzlmx_ks .fixed-table-container').height(getTableHeight()); } else { $('div#out_table_gzlmx_ks .fixed-table-container').height(a); } }
效果:
数据少:
数据量大: