根據返回的表格調整自舉表的高度

我的頁面有幾個表被返回，可以包含幾個記錄。您可以在我的網站上看到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

根據返回的表格調整自舉表的高度

回答

相關問題