jquery table
时间: 2023-10-09 14:13:50 浏览: 153
jQuery Table 是一个开源的 jQuery 插件,用于在网页上创建漂亮的表格。它提供了许多功能,包括排序、搜索、分页、过滤、编辑等,使得表格的操作和展示更加方便、美观。
使用 jQuery Table 插件,你可以轻松地将任何一个 HTML 表格转换成一个更加功能强大的表格。它支持所有主流浏览器,并且具有良好的兼容性。
下面是一个简单的示例代码,演示如何使用 jQuery Table 插件:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Table Demo</title>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
</head>
<body>
<table id="myTable">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>City</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>25</td>
<td>New York</td>
</tr>
<tr>
<td>Jane</td>
<td>30</td>
<td>Los Angeles</td>
</tr>
<tr>
<td>Bob</td>
<td>35</td>
<td>Chicago</td>
</tr>
</tbody>
</table>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<script>
$(document).ready(function() {
$('#myTable').DataTable();
});
</script>
</body>
</html>
```
在这个示例中,我们引入了 jQuery 和 jQuery Table 插件的库文件,并创建了一个简单的 HTML 表格。然后,在 JavaScript 中,我们调用了 DataTable() 方法来将表格转换成一个可排序可搜索的表格。
运行代码后,你会看到一个漂亮的表格出现在网页上,并且你可以使用各种功能对表格进行操作和筛选。
阅读全文