认识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来渲染类似百度云的文件管理系统


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容