`
西蜀石兰
  • 浏览: 119184 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

dataTables整理

 
阅读更多
使用dataTable很久了,最近想整理下这个插件的一些常用内容,方便下次使用。

这是一款前端插件,提供数据展示和编辑功能。其中展示和编辑是两个大模块,在实现时,也是两种完全不同的对象。所以这其实是两个插件,在记录的时候,也会直接分开记录,当然,两者之间的必要联系,自然会有。

--以下是关于表格展示的介绍

一、数据

1.数据源
先说表格,既然作为数据展示的前端插件,如果从数据源说起,dataTable提供了两种数据填充方式,分别使用表格对象的data属性和ajax属性。两者之间的优先级,data高。

data作为数据源,可以理解成静态表格,即表格在初始化时,直接使用data属性对应的对象,去填充表格。
ajax作为数据源,插件会发起ajax请求,官方提供的参数包括url和同步异步等属性,插件会拿ajax请求获得的数据填充表格。ajax也支持函数,这种方式给了用户相当大的选择空间,当然,在走完代码逻辑后,你需要使用callback方法填充表格,这个在其他博客中又详细的介绍和demo。

2.数据格式
表格支持两种格式的数据源,一种是数据,另外一种是对象。当然,这仅仅是针对某一行的数据,表格所有数据自然是一行一行加起来的数组。对于某一行,如果是数组,那么数组的长度需要和表格的列数一致,如果是对象,对象需要包括所有列名对应的属性,详细demo会再其他博客中给出demo。

3.数据重新加载
由于dataTble不支持多次初始化,如果想重新加载表格数据,在不刷新页面的前提下,只能使用插件提供的接口:table.ajax.reload()。这个在相关博客里也有详细的demo。

二、所需资源
把这一块单独列出来,是因为当时花了不少时间,去把这款插件需要的js和css搜集全。官网给出都是链接,在web项目中,所需的资源自然不应该来自网络。
这个也会有详细的记载,包括主题的选择。

三、表格其他一些个性化的设置


--以下是关于表格编辑的介绍




分享到:
评论

相关推荐

    datatables

    2. **排序**:用户可以对任何列进行升序或降序的排序,实现数据的快速整理。 3. **过滤搜索**:提供即时搜索功能,允许用户通过输入关键词快速定位所需信息。 4. **分页**:自动实现表格分页,用户可以自定义每页...

    dataTables-使用详细说明整理 - 行百里者半九十 - 博客频道 - CSDN1

    本篇文章详细介绍了dataTables的使用方法和常见配置,适合前端开发者参考。 首先,dataTables的**基本使用**非常简单。只需在文档加载完成后,通过jQuery选择器调用dataTable()方法,即可启用默认配置,如以下代码...

    datatables表格分页、检索、排序、滚动条

    在这个项目中,你将找到一个精心整理的Demo,帮助初学者快速理解和应用Datatables的核心特性。 1. 分页: Datatables的分页功能允许用户按需浏览大量的数据。它将大表格分割成较小的部分,每次只显示一部分,使得...

    ASP.NET技术文档又一次的整理

    开发者可以通过DataSets、DataTables和DataAdapters等对象进行数据操作,或者利用Entity Framework这样的ORM(对象关系映射)工具,将数据库操作与业务逻辑解耦。 在这些文档中,你可能会找到关于ASP.NET配置、部署...

    整理过的GRID综合应用

    "整理过的GRID综合应用"这个主题涵盖了多个关键知识点,包括但不限于表头表尾的处理、数据导入导出、多层嵌套、分页等。下面将详细阐述这些概念。 1. **表头表尾处理**:在GRID中,表头通常用于显示列名,表尾可能...

    jQuery数据整理页面交互设计展示信息特效

    6. **插件应用**:jQuery拥有丰富的第三方插件,如DataTables用于表格数据管理,Chosen或Select2用于下拉框美化,以及Bootstrap Datepicker进行日期选择等,这些都可以增强数据展示的交互性。 7. **Ajax交互**:...

    JQUERY 个人整理的插件以及相当好的API手册 中文版 相当有价值

    本资源包含了个人精心整理的jQuery插件和中文版API手册,对于学习和使用jQuery的开发者来说具有极高的参考价值。** ### jQuery 插件 1. **插件概述**:jQuery插件是扩展jQuery核心功能的一种方式,它们是由开发者...

    ASP.NET ADO操作整理

    4. 数据集(DataSets)和数据表(DataTables):DataSet是内存中的数据容器,可以包含多个DataTable。DataTable模仿了数据库表的行为,允许在不连接数据库的情况下操作数据。例如,添加新行: ```csharp DataRow new...

    jqurey教程,网上整理的。。

    jQuery拥有庞大的插件生态系统,如`jQuery UI`提供了丰富的界面组件,`jQuery Validation`用于表单验证,`jQuery DataTables`实现表格分页和排序等。 五、实战案例 1. **导航菜单**:使用jQuery实现响应式导航菜单...

    微信小程序危险品车辆运输管理系统源代码

    其次,datatables报表功能则用于整理和展示运输过程中的详细数据。Datatables 是一个高度可定制的表格插件,支持排序、搜索、分页等功能,便于用户快速查询和分析车辆、人员、货物等信息,提高工作效率。 系统还...

    jQuery 表格插件整理

    8. DataTables - 是一个非常强大且功能全面的jQuery表格插件,包括可变列宽、分页浏览、现场过滤、多列排序、智能列宽以及从各种数据源获取数据的能力。 9. jqGrid Plugin - 基于Ajax的jQuery表格插件,能够从...

    整理了12款Javascript 表格控件(DataGrid)

    以下是根据提供的内容整理的一些知识点: 1. Flexigrid:这是个类似于ExtGrid的jQuery表格控件,具备调整列宽、合并列标题、分页、排序、显示/隐藏表格等功能。Flexigrid可以使用Ajax获取数据或转换普通表格。 2. ...

    jQuery:jQuery相关插件用法整理和总结

    jQuery的生态系统中还有许多其他插件,如`bootstrap-datepicker`用于日期选择,`datatables`用于表格的增强,`owl-carousel`用于创建轮播图等。这些插件大大丰富了jQuery的功能,使得前端开发更加便捷和强大。 总的...

    Table 绘制 撤销

    9. **数据整理**:表格是数据整理的基础工具,通过合理规划列名和单元格内容,可以使数据变得有条理,便于后续的数据分析和处理。 10. **表格与数据库的关系**:表格的概念与关系型数据库中的表相似,数据库中的表...

    c# 网页抓取分析 表格图形生成

    或者,可以使用JavaScript库如jQuery DataTables,与后端C#服务配合,提供交互式的表格展示。 图形生成方面,C#可以借助WPF或WinForms等桌面应用框架,结合System.Drawing或第三方库如OxyPlot,生成各种图表。在Web...

    table列排序、列拖动、列宽度变化、行交换

    最后,**行交换**功能则允许用户交换表格内的行,这对于数据对比或整理非常有用。例如,在一个待办事项列表中,用户可能需要调整任务的顺序,通过行交换就能轻松实现。在实际实现中,这通常涉及到选中一行后将其与另...

    jqgridDemo

    由于描述中提到官方没有提供可以直接下载的demo,这个压缩包可能是个人或社区为了方便开发者而整理的资源集合。 首先,我们来了解一下jqGrid的核心特性: 1. 数据绑定:jqGrid可以轻松地与各种数据源进行绑定,...

    abcdef.rar_表格

    在更高级的应用中,JavaScript库如jQuery DataTables或React Table等提供了更丰富的功能,如排序、过滤、分页和自定义样式。 在桌面应用或软件开发中,表格控件通常是不可或缺的一部分。例如,Java中的JTable、C#的...

    jquery数据统计饼图+表格动态效果现实

    2. **数据统计**: 数据统计是指对收集到的数据进行整理、分析和解释,以便于决策和洞察。在这个demo中,数据统计可能涉及计算各项比例、百分比等,这些信息随后会被用在饼图的绘制上。 3. **饼图**: 饼图是一种常见...

Global site tag (gtag.js) - Google Analytics