天行健,君子以自强不息;地势坤,君子以厚德载物;

JQuery Datatables 之 样式

样式

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

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

Default styling options

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

Theme creator

在线创建表格样式,这样可以达到理想的效果。

ThemeForest

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

Bootstrap

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

Foundation

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

jQuery UI

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

http://datatables.net/manual/styling/Translation from DataTables.net, with permission

点赞

发表回复