认识DataTables

官网给的demo是这个样子的,如何才能让这样dataTables越来越符合我们项目所需求的样子呢。接下来可以看看通过认识api,来实现封装到一个逐渐满足我们产品需求。

datatables 官网

那么单选,多选,全选该如何实现呢,先看看效果图

其中实现了单选,多选,全部,列表单选


其他样式可以自己根据自己的框架来,这里主要是加上选择框

    

    

   



CONSTANT.DATA_TABLES.COLUMN.CHECKBOX   主要是这个选择框

调用了封装的js  链接在此


还有一个关键的"drawCallback" : CONSTANT.DATA_TABLES.CALLBACKS.DRAWCALLBACKSINGLENEW,

回调渲染

公共js封装的几种 可以自己尝试,也可以封装自己需求的,例如不同的语言

分页样式等,

如果需要沟通可以联系我qq:850728581

传送门

初识VUE

用dataTables来渲染类似百度云的文件管理系统


你可能感兴趣的:(认识DataTables)