`
ti8989
  • 浏览: 26299 次
文章分类
社区版块
存档分类
最新评论

[转]jQuery美化表格插件 - tablecloth.js

阅读更多

转自 给力技术

jQuery美化表格插件 - tablecloth.js

      tablecloth.js 是基于 Twitter Bootstrap 的 jQuery 插件 ,可让你快速对表格加上漂亮的样式并增加一些额外的扩展功能。它的定制性比较高,有多个参数可以设置,目前内置了4种样式主题,你还可以再添加新的主题。此外,它也集成了 tablesorter 插件,美化后的表格也会有排序功能。

如何使用

 

  初始化

$("#demo").tablecloth({
theme: "paper",//default,stats,dark,paper四种样式
bordered: true,
condensed: true,
striped: true,
sortable: true,
clean: true,
cleanElements: "th td",
customClass: "my-table"
});

演示

分享到:
评论

相关推荐

    HTML表格格式化Tablecloth.zip

    Tablecloth 是轻量级的,易于使用,不引人注目的方式风格化您的HTML表格元素。只需加入2行代码到您的HTML页面,你将有积极的表式和访客喜欢的表格功能。绝对不需要编码或ID,tables.Tablecloth能自动调整。 ...

    bwsewell-tablecloth

    4. 图标和其他图像资源:如果库中包含图标或图形元素,它们可能会在`img`目录下,用于美化表格的某些部分,如排序箭头或者分页按钮。 5. 文档:可能包含README文件或类似文档,解释如何安装、配置以及在项目中使用...

    js实现漂亮的table表格

    1. **CSS美化表格**: - **边框与间距**:CSS可以用来定义表格的边框样式、宽度和颜色,调整单元格之间的间距,使得表格看起来更整洁。 - **背景色和文本样式**:为表头、行或列设置不同的背景色,可以增加对比度...

    Tablecloth漂亮的Ajax+CSS表格

    Tablecloth不仅适用于基本的数据展示,还可以结合其他前端框架(如jQuery、Vue.js、React等)实现更复杂的表格功能,如筛选、分页、排序、编辑等。同时,它也能与其他Ajax库(如Axios、jQuery AJAX)配合,实现更...

    tablecloth 实现漂亮表格实例

    首先,`Tablecloth`可能是一个JavaScript库或者CSS框架,它提供了丰富的样式和交互功能,使得表格不仅具有良好的视觉效果,还能具备良好的用户体验。通过这个库,你可以方便地添加排序、筛选、分页等交互功能,使得...

    漂亮的表格样式 tablecloth

    "漂亮的表格样式 tablecloth" 提供了一个完美的解决方案,它是一款强大的表格美化工具,旨在帮助用户轻松创建美观、专业的表格,提升网页或报告的整体视觉体验。 Tablecloth的核心功能在于其丰富的样式库和自定义...

    gem-tablecloth-rails:提供为 Rails 3.1+ 资产管道打包的 `Tablecloth` JavaScriptCSS

    tablecloth table js/css packaged for the rails asset pipelinegem 'tablecloth-rails' , '~> 1.0.101' 然后执行: $ bundle 或者自己安装: $ gem install tablecloth-rails 宝石版注意事项: 版本采用XYZVV格式...

    TableCloth Js表格高亮选择特效代码

    Js表格行列高亮选择特效代码,使用了个插件——TableCloth,是核心文件tablecloth.js的调用实例,如果你对表格高亮感兴趣,你不妨试一试这个插件,专一为表格行高亮、表格列高亮而生,而且插件兼容性也很不错,示例...

    21个新奇漂亮的AjaxCSS表格设计

    而CSS则负责美化表格的外观,使其更加符合现代设计美学。 #### 2. 表格设计技巧 文章中提及了多种表格设计技巧,如表格数据的排序和过滤。排序功能允许用户根据某一列的数据进行升序或降序排列,便于数据对比分析...

    tablecloth.time:使用科学Clojure计算堆栈探索时间序列

    Sci-Cloj时间序列探索目的sci-cloj小组正在研究Clojure科学计算生态系统中可用的工具,以进行时间序列分析。我们首先要进行自下而上的工作,然后将音译为Clojure,以了解我们缺少了什么。贡献要提出改进建议,请创建...

    js特效脚本含源码和说明Tablecloth漂亮的Ajax+CSS表格

    js特效脚本含源码和说明Tablecloth漂亮的Ajax+CSS表格本资源系百度网盘分享地址

    经典使用的table样式

    通过引入TableCloth.js文件,开发者可以快速地使表格具备响应式布局、排序、过滤和分页等功能,从而提高表格的可读性和实用性。 Table样式通常包括以下几个方面: 1. **边框和填充**:设定表格的边框宽度、样式和...

    CSS特效表格

    在网页设计中,表格是一种常见的数据展示方式,而利用CSS(层叠样式表)来增强表格的视觉效果,可以使其更具吸引力和可读性。"CSS特效表格"的主题旨在通过结合CSS、PHP和JavaScript,创建出类似Excel电子表格的隔行...

    七年级英语上册Unit5Lesson29ABirthdayCard导学案无答案新版冀教版

    6. tablecloth - 餐巾布 7. lot - 许多 8. quiet - 安静的 【重点句型】 1. have a + 名词 - 这个动词短语表示“进行/举行/开…”。例如:“Jenny’s grandma is having a birthday party.”(珍妮的奶奶正在举办...

    TableCloth-开源

    《TableCloth:开源布尔代数计算器的探索与解析》 在信息技术的广阔领域中,开源软件占据着举足轻重的地位。今天我们要探讨的是一个名为"TableCloth"的开源项目,它是一款专用于布尔代数计算的工具。布尔代数,又称...

    漂亮的table表格样式

    "漂亮的table表格样式"是关于如何通过CSS(Cascading Style Sheets)来美化HTML表格,使其视觉效果更加吸引人,同时保持易读性和交互性。下面我们将深入探讨这一主题。 首先,我们关注的是"亮蓝色"的样式。在HTML...

    CSS漂亮表格

    在网页设计中,CSS(Cascading ...对于本文档中的"tablecloth"文件,可能是提供了一些示例代码或资源,用于实践这些CSS美化表格的方法。通过阅读和学习这些源码,可以加深对CSS表格样式的理解,并应用于自己的项目中。

    雅思听力场景分析

    - Tablecloth 桌布 - Dresser / Dressing Table 梳妆台 - Mirror 镜子 - Wardrobe 衣柜 - Closet 橱柜 - Shower 淋浴 - Bath / Bathtub / Tub 浴盆 - Toilet 盥洗室 - Furniture 家具 - Furnished 有家具 ...

Global site tag (gtag.js) - Google Analytics