Jquery Bootstrap分页和搜索

我在html页面创建了简单的表格，其中有很多数据我想使用Jquery Bootstrap分页和显示数据，我如何添加bootstrap分页并在此表中搜索，我的html表代码是Jquery Bootstrap分页和搜索

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
</head> 

<body> 
<table width="200" border="1"> 
    <tr> 
    <td><b>Name</b></td> 
    <td><b>Title</b></td> 
    </tr> 
    <tr> 
    <td>Atish</td> 
    <td>kumar</td> 
    </tr> 
    <tr> 
    <td>Sandip</td> 
    <td>Das</td> 
    </tr> 
    <tr> 
    <td>Rohit</td> 
    <td>Sen</td> 
    </tr> 
    <tr> 
    <td>Atul</td> 
    <td>Sharma</td> 
    </tr> 
    <tr> 
    <td>Moumita</td> 
    <td>Sen</td> 
    </tr> 
    <tr> 
    <td>Nirmal</td> 
    <td>Roy</td> 
    </tr> 
    <tr> 
    <td>Susmita</td> 
    <td>Chatterjee</td> 
    </tr> 
    <tr> 
    <td>Shyam</td> 
    <td>Das</td> 
    </tr> 
    <tr> 
    <td>Dipak</td> 
    <td>Das</td> 
    </tr> 
    <tr> 
    <td>Partha</td> 
    <td>Sen</td> 
    </tr> 
    <tr> 
    <td>Sekhar</td> 
    <td>Das</td> 
    </tr> 
    <tr> 
    <td>Gour</td> 
    <td>Sen</td> 
    </tr> 
    <tr> 
    <td>Jotin</td> 
    <td>Roy</td> 
    </tr> 
    <tr> 
    <td>Shyam</td> 
    <td>Das</td> 
    </tr> 
    <tr> 
    <td>Dipak</td> 
    <td>Das</td> 
    </tr> 
    <tr> 
    <td>Partha</td> 
    <td>Sen</td> 
    </tr> 
</table> 

</body> 
</html>

来源

2017-06-21 Doni

欢迎来到StackOverflow！如果您遇到特定的编程问题，我们将很乐意为您提供帮助，但我们不在这里为您编写代码。您至少需要尝试解决您自己的问题。请参阅[**我如何提出一个好问题？**]（https://stackoverflow.com/help/how-to-ask）和[**我可以在这里询问什么主题？**]（https ：//stackoverflow.com/help/on-topic）。 –

试试jQuery插件dataTables这是引导兼容，并提供分页和过滤。

来源

2017-06-21 20:03:46

当我使用这个代码搜索按钮和分页时不运行页面 – Doni

现在运行。谢谢 – Doni

Jquery Bootstrap分页和搜索

回答

相关问题