使用bootstrap创建Web表

Question

我正在创建一个能够在桌面，智能手机和平板电脑上运行的网络表。

因此我使用HTML，CSS，PHP和Bootstrap-package。

除此之外，我使用表格少于800像素的选项更改为列：http://bootsnipp.com/snippets/featured/no-more-tables-respsonsive-table。

有两个问题，我不知道如何解决它们：

1：左栏（Bundesland）引发问题。请查看附件（图1和2）。第一张图片中的列没问题。在图像2中，数据必须显示在每个框中。

1. 我不知道如何调整框大小，左右面板边框之间的间隙已关闭。

你有想法吗？

非常感谢！

最好的问候。

康拉德

Answer 1

现在可以使用

table {border-collapse: separate;}

我也使用了代码段

<div class="row">

Answer 2

您可能需要根据需要安装第三方库

https://datatables.net/extensions/fixedheader/examples/integration/responsive-bootstrap.html