Pre Intro。

开始本文前,你需要安装XAMPP环境。
具体可以参见这篇文档:

Xampp:Install on RHEL6

或者在我的网站的总表中搜索【XAMPP】(Ctrl + F)

日志归档

——————————
DataTables,是什么?
它是一套基于jQuery前端技术的表格插件。

官方网站?
https://datatables.net/

下载地址:
https://datatables.net/download/

现在官方最新的版本是:【1.10.18】

零、下载与获取DataTables

下载的选项与下载链接的获取:

下载链接:
https://datatables.net/download/builder?dt/jszip-2.5.0/pdfmake-0.1.36/dt-1.10.18/e-1.8.1/af-2.3.2/b-1.5.4/b-colvis-1.5.4/b-flash-1.5.4/b-html5-1.5.4/b-print-1.5.4/cr-1.5.0/fc-3.2.5/fh-3.1.4/kt-2.5.0/r-2.2.2/rg-1.1.0/rr-1.2.4/sc-1.5.0/sl-1.2.6

可以看到,下载成功。

————————————————————
一、在XAMPP中配置DataTables

在XAMPP的站点目录中创建DataTables的地址

将刚刚下载的DataTables插件存到该目录下,并解压:

二、编写页面代码

方式一:

可以看到,我引用的是【1.10.15】

方式二:

上面引用中,增加了jquery【DataTables_jquery/jQuery-3.3.1/jquery-3.3.1.js】。
因为,如果没有jquery,画面会很难看。

三、看看效果:

jQuery:没有

jQuery:有

——————————————————
Done。

打赏

说点什么

avatar

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

  Subscribe  
提醒