根据返回的表格调整自举表的高度

我的页面有几个表被返回，可以包含几个记录。您可以在我的网站上看到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&reg; Points', 
     align: 'left', 
     width: '20', 
     sortOrder: 'desc' 
    }] 
}); 

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

是否有可能调整表格的高度，如果有小于10点的记录？

来源

2015-11-08 Cesar Bielich

为什么首先要给桌子一个特定的高度？只要让它动态地使用填充来获得10行所需的高度。 – Sebsemillia

@Sebsemillia OMG它的工作。我甚至没有意识到，仅仅删除'height'属性就完全符合我希望它做的事情......有时候它是最简单的东西，这让我不知所措。让你的评论成为答案，以便我可以标记它。 –

我很高兴它的工作。一般来说，只有在绝对必要时，才应给予元素特定的高度。我根据要求创建了一个答案.. – Sebsemillia

您可以简单地删除表格的特定高度并让它变为动态。为每行填充一定的填充量，以便使用10行获得所需的高度，并且所有填充都应该很好。

来源

2015-11-09 10:20:01 Sebsemillia

根据返回的表格调整自举表的高度

回答

相关问题