根据返回的表调整bootstrap表的高度

Question

我有几页返回的页面，只能包含几个记录。您可以在this page上的我的网站上看到示例，其中包含2个和3个字母单词的表格只有几条记录。桌子的其余部分在底部是空白的，直到达到桌子的整个高度。我想要的是根据返回的记录数自动调整表，这样就没有空格。

我每次分页最多显示10条记录，所以基本上如果返回的记录少于10条则需要调整高度，否则它可以具有height: 538的全高度，即像素数量基于10条记录的高度。

我正在使用javascript表，所以这是我的代码

var $table = $('#table-javascript-2').bootstrapTable({
    method: 'get',
    url: '2.json',
    height: 538,
    cache: false,
    pagination: true,
    search: true,
    pageSize: 10,
    pageList: [10, 25, 50, 100],
    sortable: true,
    minimumCountColumns: 2,
    columns: [{
        field: 'word',
        title: '2 Letter Words',
        align: 'left',
        width: '20'
    },{
        field: 'score',
        title: 'Scrabble® Points',
        align: 'left',
        width: '20',
        sortOrder: 'desc'
    }]
});

<table id="table-javascript-2"></table>

如果记录少于10条，是否可以调整表的高度？

Answer 1

您可以简单地删除表格的特定高度，让它变为动态。给每一行一个特定的填充，这样你就可以获得10行所需的高度，而且一切都很好。