样式

对于网站来说,风格设计是很重要的。Datatables为此做了考虑,提供了许多样式表可以无缝的和你的网站融合在一起。Datatables有自己一套默认的样式,同时也集成了当前比较流行的前端css框架,比如bootstrap。

本节将告诉大家怎么使用这些样式,使自己的网站更加美观。

Default styling options

默认的Datatables样式提供许多不同的功能,你可以给html元素指定不同的样式名来美化html表格,如行的样式,每个格子的样式,或者是鼠标停留时的高亮显示。你可以任意组合这些样式来达到理想的效果。

Theme creator

这个在线样式生成器将使你能够自定义Datatables样式表的颜色,以使其与你的网站或者应用程序无缝配合。 创建的样式表仍提供默认样式表的类功能选择功能,因此,你的表完全符合你的要求。

ThemeForest

这是一个聚集了html/css模板的网站,有许多作者会发布他们自己的作品到上面,你只需要支付一点费用,就可以完全使用一套成品的模板,这样可以加速开发时间,也可以统一整个网站的风格。

Bootstrap 3

Bootstrap 3是一个CSS框架, 允许您快速、轻松地构建一个用户界面,Datatables可以使用Bootstrap来创建更加漂亮的表格。

Bootstrap 4

Bootstrap 4是下一代CSS框架, 可以让你快速轻松地构建具有统一外观的用户界面。Datatables提供与Bootstrap 4完全支持。

Foundation

Foundation同bootstrap一样,也是一个前端的css框架,不过foundation更倾向于移动设备。

jQuery UI

jQuery UI 是一款流行的javascript组件,它提供一套通用的样式,如果你的网站正在使用jQuery ui,那么Datatables可以为你的网站提供共同的外观和感觉。

http://datatables.net/manual/styling/

Translation from DataTables.net, with permission