Jquery Bootstrap分页和搜索[关闭]

I created simple table in html page , where lots of data i want to use Jquery Bootstrap Pagination and Show data, how can i add bootstrap pagination and also search in this table, my html table code is below

<!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>
duankeye2342
duankeye2342 欢迎来到StackOverflow!如果您遇到特定的编程问题,我们将很乐意为您提供帮助,但我们不会为您编写代码。您至少需要尝试解决自己的问题。请参阅我如何提出一个好问题?我在这里可以问什么主题?
3 年多之前 回复

1个回答



尝试使用jQuery插件 dataTables ,它与Bootstrap兼容并提供分页和过滤。</ p>
</ div>

展开原文

原文

Try the jQuery plugin dataTables which is Bootstrap compatible and provides pagination and filtering.

duancan7914
duancan7914 现在跑。 谢谢
3 年多之前 回复
doufu6423
doufu6423 当我使用这个代码搜索按钮和分页时,运行页面时不会出现
3 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问