Question

目前我正在尝试向我的页面添加一个表，该表从API加载数据。我找到了一个bootstrap表库。设置表高度时遇到问题。我希望有一个表根据从API加载的数据动态设置表高度，但目前我在表中有几个单元格，并且这些单元格下面有空白空间。对不起我的英语，我希望我能解释我的问题是可以理解的。我认为屏幕截图将显示重点。

这是我的代码：

HTML

<table id="table"
    class="table table-responsive table-striped"                           
    style="background: whitesmoke;">
    <thead>
    <tr>
         <th data-field="firstname" data-sortable="true">Imię</th>
         <th data-field="lastname" data-sortable="true">Nazwisko</th>
         <th data-field="roomType" data-sortable="true">Typ pokoju</th>
         <th data-field="dateFrom" data-sortable="true">Początek</th>
         <th data-field="dateTo" data-sortable="true">Koniec</th>
    </tr>
    </thead>
</table>

的javascript

$('#table').bootstrapTable({
     data: reservations,
});

预订是从api

加载的列表

这是一个结果

how table looks on my page

如何根据从API加载的数据来设置表格高度？

感谢帮助：）

Answer 1

我认为它是table标签上的拼写错误：

class="table table-responsive table-striped"如果我查看发布的问题代码段，就应该关闭这些内容并将其打开。

像这样：

 <table id="table" class="table table-responsive table-striped" style="background: whitesmoke;">

Answer 2

最后，我发现了一个问题。这是因为我的html文档在顶部丢失了。现在它工作正常，感谢您的帮助：）

bootstrapTable（）方法在表数据下留下空白空间

2 个答案: