DataTables使用入门-dom属性

DataTables中文网 23 June 2020

Tags: 博客 DataTables使用经验 第二季视频


本节为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),点我查看

最后,谢谢大家的支持,如有错误的地方还望指出,如果您还有其他的建议或要求,欢迎在下方留言


如果大家也有好的点子和建议,欢迎给我发邮件 thxopen@datatables.club告诉我


百度站内搜索

Google站内搜索

赞助我们

赞助我们

您的支持,将是我们前进的最大动力……