码迷,mamicode.com
首页 > 其他好文 > 详细

DataTables DOM定位

时间:2015-06-29 16:17:08      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:

datatables默认会打开部分特性,比如搜索框,分页显示等等,或许你不喜欢datatables这样去布局,可能你想把分页按钮放在底部的中间,搜索框放在顶部的左上角,不用担心datatables考虑到这个问题,使用dom选项就可以灵活配置各个特性的位置

datatables定义了10个字符表示不同的组件

  • l - Length changing 每页显示多少条数据选项
  • f - Filtering input 搜索框
  • t - The Table 表格
  • i - Information 表格信息
  • p - Pagination 分页按钮
  • r - pRocessing 加载等待显示信息
  • < and > - div elements 一个div元素
  • <"#id" and > - div with an id 指定id的div元素
  • <"class" and > - div with a class 指定样式名的div元素
  • <"#id.class" and > - div with an id and class 指定id和样式的div元素
$(document).ready(function() {
    $(‘#example‘).dataTable( {
        "dom": ‘<"top"i>rt<"bottom"flp><"clear">‘
    } );
} );

  

DataTables DOM定位

标签:

原文地址:http://www.cnblogs.com/chengshuiqiang/p/4607443.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!