如何正确设置数据表?

时间:2018-11-22 17:19:23

标签: html datatable

我正计划与DataTable插件集成以使用基本的html / php脚本,正在阅读文档(包括零配置),但仍然一无所获。我正在使用默认的数据表文件。

<!DOCTYPE html>
<html>
<head>
	<title></title>
<link rel="stylesheet" type="text/css" href="DataTables-1.10.18/css/jquery.dataTables.css"/>
 
<script type="text/javascript" src="DataTables-1.10.18/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<div class="container">
	<table id="example" class="display" style="width:100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Tiger Nixon</td>
                <td>System Architect</td>
                <td>Edinburgh</td>
                <td>61</td>
                <td>2011/04/25</td>
                <td>$320,800</td>
            </tr>
            
            
        </tbody>
        <tfoot>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </tfoot>
    </table>
</div>
</body>
<script>
	$(document).ready(function() {
    $('#example').DataTable();
} );
</script>
</html>

这是一个示例html,我已经阅读了文档。

0 个答案:

没有答案