HTML javascript动态表调整大小

时间:2016-03-18 14:41:28

标签: javascript jquery html datatables html-table

我试图复制这个例子 http://www.datatables.net/release-datatables/examples/api/multi_filter.html

当有一个大表时,它会调整为10个条目并相应地对它们进行分页。我不需要任何其他东西,即。不需要搜索栏

目前我从网站上获得了JS脚本,但是我在实现这个方面遇到了麻烦。请有人帮帮我。我有一个像sudo pip uninstall pyopenssl sudo pip install mozdownload 这样的表,带有一个thead和tfoot这个JavaScript代码

<table id="example" class="display" cellspacing="0" width="100%">

现在它没有调整表的大小。这可能是一个非常基本的实现,但我似乎无法让它工作。请帮忙。

1 个答案:

答案 0 :(得分:1)

在HTML中添加CSS

tfoot input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}

它解决了你的问题?

结果:https://jsfiddle.net/cmedina/7kfmyw6x/20/