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

DataTable----配置选项

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

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

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

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




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

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



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



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

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

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


  • 大小: 5.1 KB
  • 大小: 4.7 KB
  • 大小: 5.9 KB
  • 大小: 18 KB
分享到:
评论

相关推荐

    ngx-datatable-master.zip

    通过属性绑定,你可以传递数据、配置选项以及事件监听器,以实现自定义功能。 2. **数据绑定**:表格的数据来源可以通过输入属性 `rows` 绑定,你可以直接传入数组或者 Observable 对象。同时,列定义(`columns`)...

    List-DataTable-2019-01-03.zip

    在实际项目中,我们还需要考虑错误处理、性能优化、JSON格式化选项等问题。例如,可以使用`JsonSerializerSettings`自定义序列化和反序列化的行为,如日期格式、空值处理等。此外,如果JSON数据结构复杂,可能需要...

    datatable_基本初始化.rar

    DataTables 提供了大量的配置选项,可以通过传递一个 JSON 对象给 `DataTable()` 方法来定制。例如,如果你想设置初始排序列和方向,可以这样做: ```javascript $(document).ready(function() { $('#example')....

    lite-datatable-js

    配置每页的记录数。 搜索输入。 通过添加CSS类完全可自定义。要求jQuery.1.4 +桌面浏览器支持IE9 +,Firefox 4 +,Chrome,Safari 4 +,Opera 11+(其他浏览器可能可用,但我没有对其进行测试)分叉如果您发现需要...

    zend-framework-2-jquery-datatable-library

    DataTables 是一个高度可配置的 JavaScript 库,能够将HTML表格转化为交互式的、功能丰富的数据展示工具,提供了丰富的排序、过滤、分页选项,以及自定义事件和扩展功能。 **标签详解:** "JavaScript" JavaScript...

    DataTable-Buttons-Test

    在JavaScript中,这通常涉及到设置各种配置选项,如数据源、列定义、排序规则等。例如: ```javascript $(document).ready(function() { $('#example').DataTable( { dom: 'Bfrtip', buttons: [ 'copy', 'csv',...

    ngx-datatable.zip

    其次,ngx-datatable提供了丰富的可定制化选项。你可以自定义列头、单元格模板,甚至可以为每个单元格添加自定义的操作按钮。此外,它还支持排序、过滤、分页等基本操作,且这些功能都可以通过简单的配置来启用或...

    datatable的固定列插件

    `FixedColumns`插件提供了多种配置选项,如`leftColumns`和`rightColumns`用于设置左侧和右侧固定的列数。其他还有`width`来指定固定列的宽度,`orderCellsTop`决定是否在固定列顶部进行排序等。完整的配置选项可以...

    前端项目-datatable.zip

    - `docs`目录:文档资料,解释如何安装、配置和使用DataTable。 - `LICENSE`:版权信息,规定了插件的使用许可。 - `README.md`:项目简介和使用指南,通常会列出快速入门步骤。 4. **使用步骤**: - 引入...

    Laravel开发-datatable

    3. 配置:根据项目需求,可能需要配置数据库连接或其它选项。 4. 创建数据表实例:在控制器中,实例化DataTable对象并指定对应的模型或查询。 5. 定义数据列:定义哪些字段显示在表格中,以及排序、搜索等行为。 6. ...

    jquery.dataTable.js 使用详解 一、基础配置

    《jQuery.dataTables.js 使用详解——一、基础配置》 在网页开发中,数据展示是一个重要的环节,而jQuery.dataTables.js插件为...在实际项目中,根据需求灵活运用这些配置选项,将能充分发挥dataTables.js的强大功能。

    Laravel开发-s1r-lara-datatable

    通常,这涉及到设置`ajax`选项指向控制器处理请求的URL,并配置其他DataTables的选项,如列显示、排序等。 此外,此包还可能提供了自定义事件、回调函数等功能,使得开发者可以更灵活地定制数据处理逻辑。例如,...

    datatable学习资料

    对于大数据量的表格,可以配置DataTable使用服务器端处理模式,只加载必要的数据,减轻前端负担。配置方法如下: ```javascript $('#example').DataTable({ serverSide: true, processing: true, ajax: { url...

    bootstrap-datatable.zip

    4. **配置文件`config.rb`**:这可能是Sass编译器的配置文件,用于设置编译选项,例如输出目录、源地图等,以帮助我们在开发过程中管理SCSS样式。 5. **`index.html`**:作为引导文件,`index.html`可能包含了示例...

    JQuery DataTable中文文档API.chm

    初始化`DataTable`时,可以设置一系列参数来定制其行为,如`columnDefs`用于定义列的样式和行为,`ordering`控制列的排序,`searching`定义是否启用全局搜索,`paging`控制分页功能等。 **3. 表格操作(Table ...

    DataTable 自定义打印(c#)

    - 配置PrintDocument的属性,如页边距、纸张大小等。 ```csharp PrintDocument printDoc = new PrintDocument(); printDoc.DefaultPageSettings.Landscape = true; // 设置为横向打印 printDoc....

    DataTable案例.rar

    3. 配置选项:根据需求设置分页大小、排序规则、搜索条件等。 4. 添加扩展功能:如通过插件实现导出和打印,需要额外编写或引入对应的JavaScript代码。 在"压缩包子文件的文件名称列表"中,我们看到只有一个...

    jquery的DataTable

    DataTable提供了大量的配置选项,可以定制各种行为和外观。比如,`ordering`用于开启或关闭排序功能,`paging`控制分页,`searching`控制搜索框的显示等。例如,禁用排序和分页: ```javascript $(document).ready...

    Jquery DataTable使用经典案例

    然后,在JavaScript中初始化DataTable,设置数据源和各种功能选项。通常,你可以通过Ajax从.Net后端获取数据,如下所示: ```javascript $(document).ready(function() { $('#example').DataTable({ "processing...

Global site tag (gtag.js) - Google Analytics