认识DataTables

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

datatables 官网

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

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

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

<th>

    <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">

    <input type="checkbox" name="keeperUserGroup-checkable" class="group-checkable"/><span></span>

    </label>

</th>

---

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

调用了封装的js  链接在此

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

回调渲染

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

分页样式等，

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

传送门

初识VUE

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

---