首页 > 代码库 > bootstrap-datatables

bootstrap-datatables

刚写到datatimepicker的时候想到这个问题。

这可以说是我接触到的第一个功能如此齐全的一款依赖型插件。我把依赖于别人库的插件这么称呼。

首先上官网:http://datatables.club/

官网还是比较丑的,颜色搭配和风格简直了。我想他们一定没有一个好的美工。

但是没关系,他们插件做出来的东西完全符合bootstrap的风格——简洁、大方。

表格插件的使用很复杂。

如果只是简单使用,并且不做任何样式和内容的修改,我想会让你轻松许多,因为只需要$().datatables()这样就行了。

但是datatables作为一个拥有15000+行代码的大型插件,如果只做这么简单的事简直是大炮打蚊子!

datatables拥有丰富的功能和强大的api,还可以自定义各种各样的样式。

最简单的就是我们可以自定一个js文件来使用它的诸多方法和api。

具体方法我不多讲,看官网,我只说使用流程和大致方法。

首先是初始化话,如果你不更改任何东西,那就技术分享就行了。

但是我想如果你连中文都不改的话你老板会打死你。

datatables的使用和其他任何插件都没有区别,都是key:value形式

技术分享

 

 就像这样。

我们完全可以对表格的任何地方和任何字符初始化。

而对表格的操作亦可以随心所欲,为所欲为。

但这其实只是最简单的使用方法。

datatables最拿手的其实是对数据的操作。这作为一个表格存在的意义,在datatables身上体现的淋漓尽致。

但是我不想说。太多。自己看官网api。不是一天两天能掌握的。

bootstrap-datatables