DataTable----配置选项

本文介绍了DataTables的各种配置选项,包括Ajax数据源配置、JavaScript数据源、服务器端处理等,并展示了如何通过不同选项组合实现特定效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原文链接:http://www.datatables.net/manual/options 理解能力有限,仅供参考

选项并不详细,会在阅读过程中补充完毕,删除了html5部分的内容,目前个人用不到

Options
DataTable的众多选项可以为最终用户定制化它的接口、展示特点,这些选项在表格初始化阶段通过配置选项设置。

设置选项
表格配置通过想表格传递你想要定义的选项来完成,例如:

[img]http://dl2.iteye.com/upload/attachment/0110/8878/f6f2e6f1-15df-3591-aaba-77022ef3356f.png[/img]


通过设置paging选项使分页失效

如果你想使用滑动栏这一选项,你可以使用scrollY选项:

[img]http://dl2.iteye.com/upload/attachment/0110/8880/51428fb2-28ff-3d03-8ee4-d728aff83c74.png[/img]

在单个表格中,你可以组合使用多个选项来达到你想要的效果:

[img]http://dl2.iteye.com/upload/attachment/0110/8882/d0fa4bb0-03e4-375e-8cba-a9f5c334b201.png[/img]

该对象将被当作标准的javascript对象传递,你可以随心所愿的添加选项。
如果想了解全部的配置选项,参考本页面上的选项文件部分。

常用的选项
ajax-Ajax 数据来源配置
data-Javascript数据来源
serverSide:是否允许服务器端处理
columns.data:一列数据的选项
scrollX:横向滚动条
scrollY:纵向滚动条

设置默认项:
这个配置其实是设置多个表格的默认配置,如果你的页面涉及到多张表的时候,可以使用
“$.fn.dataTable.defalut”对象


[img]http://dl2.iteye.com/upload/attachment/0110/8884/03616df7-8ac6-3d72-9f73-e18fba123c5c.png[/img]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值