本节为Datatables入门第二期 —— 《使用Datatables”武装”你的html表格》的第一章,主要讲如何使用Datatables,以及通过dom来开启DataTables。
课程简介
何为dom,它是一个磨人的小妖精,之所以把dom放在开篇,我个人觉得它是一个核心,也是一个进入Datatables大门的钥匙,理解了dom算是使用Datatables的入门选手了。废话不多说,跟着视频来,看看dom究竟是什么?
本节课程我从以下几个点来讲解:
- 如何使用Datatables?(Done √)
- DataTables是什么?
- DataTables能解决什么问题?
- 怎么把普通HTML表格变成功能强大的DT表格?
- DataTables几大核心特性是什么?
- 理解Datatables基本模型DOM(Done √)
- length changing
- filter
- information
- pagination
- table
- DOM引发的一系列”血案”,解密真相,揭开谜底(Done √)
- 它的控件我不喜欢,想隐藏掉,怎么做?
- 表格上下都有翻页控件,怎么做?
- 按照自己的意愿摆放它的控件,怎么做?
- 我需要多个条件过滤,它只有一个搜索框,怎么做?
- Bootstrap的布局自适应,使用很方便,Datatables可以套用么,怎么做?
- 改变各个控件的显示位置,怎么做?
- 如何阅读DataTables中文网的文档解决问题(Done √)
- 属性基本描述
- 属性的数据类型
- 属性的默认值
- 属性相关的例子
通过简单的入门,原理的介绍,还有真实的案例,三部曲带领大家走进Datatables的大门。
课程视频
由于源码托管在GitHub上,不方便传大文件,观看视频请加群20779435,视频在群文件里可以查阅,或者查看我的bilibili频道、Youtube频道和微博视频在线播放
DataTables中文网第二季 第一节 DataTables使用入门
DataTables中文网第二季视频 第二节 DataTables使用入门之DOM属性
DataTables中文网第二季视频 第三节 DataTables使用入门之DOM属性标记语言
课程代码
课程中所有代码都已经放在github上了(example01-example02),点我查看
最后,谢谢大家的支持,如有错误的地方还望指出,如果您还有其他的建议或要求,欢迎在下方留言