位置: 编程技术 - 正文

jQuery表格插件datatables用法汇总(jquery 表格插件)

编辑:rootadmin

推荐整理分享jQuery表格插件datatables用法汇总(jquery 表格插件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery表格插件推荐,jqgrid表格插件,jquery 插件写法,jqgrid表格插件,jquery表单插件,jquery table插件,jq 表格插件,jquery表格插件推荐,内容如对您有帮助,希望把文章链接给更多的朋友!

DataTables是一个jQuery的表格插件,本文为大家分享了表格插件datatables用法,介绍了基础的部分知识,具体内容如下

一、初始化在页面中

js中初始化

二、常用配置在初始化的时候可以通过一些常用的配置项对表格进行配置,这是我在项目中实际用到的

jQuery表格插件datatables用法汇总(jquery 表格插件)

后台传回的数据一定要是一个map,key是 "data",value 是数据(如果数据是List要 toArray()),其中 data 也是 DataTables 的参数之一,表示表格要显示的数据,所以你可以在这个map中放上其他的表格参数,只要把key设置为参数名就可以了。

*:配置中serverSide开启服务器模式,在工作使用中表格的数据是通过ajax从后台获取,就理所当然地打开了这个模式,但是表格对某一列排序的功能就失效了,而随后我关闭了这一模式,发现就可以对表格中的列进行排序,表格的数据还是从服务器获取……所以这个模式还有待研究

**: 在项目中后台controller接收的参数是数组,ajax的请求包含复杂参数的时候,请求的类型一定要是post;

三、进阶功能1、隐藏列可以通过 "columns.visible" 属性规定列是否显示,但是这样就不能获取此列的值,如果要隐藏id列,又要根据id触发事件就办不到了 = =,后来查API后想了一个笨办法,可以借助 columns.render 属性,用法如下:

注意 render 后的函数有三个参数,data/type/full,其中full参数是行的所有数据(官网在此注明:只是行中的数据,而不是data属性的值,所以就算data中有你想要的值,但你没有给他一列的话也是获取不到的),可以在render中直接使用你想隐藏的值,如果表格外部要引用这个值,可以在render中组装一个隐藏的<input>,外部就可以获取到了,不过这种方法真的非常蠢,如果你有好的方法,请一定要告诉我。

2、输入页码跳转页面我们可以通过 pagingType 属性来设置表格分页按钮样式,但是DataTables的几个默认样式都没有项目中需要的输入页码进行跳转的样式。但是在官网的 plug-in 页中介绍了几种分页按钮的插件,其中的 input 分页插件就可以满足我们的需求,只要引入插件的js,再将 pagingType 的值改为 "input" 就可以了。js文件的 CDN 是:

//cdn.datatables.net/plug-ins/1../pagination/input.js

标签: jquery 表格插件

本文链接地址:https://www.jiuchutong.com/biancheng/384042.html 转载请保留说明!

上一篇:jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签

下一篇:基于jQuery实现Ajax验证用户名是否存在实例(基于jquery实现小说)

  • 建筑业预缴增值税怎么填纳税申报表
  • 购进固定资产的安装费计入原值吗?
  • 已付预付款当月应付金额怎么填写?
  • 利润表季度怎么填写
  • 公户网上转账怎么撤回
  • 小规模按季申报 月销售收入不超过
  • 酒店收取的赔偿费是什么
  • 银行汇票多余金额会计分录
  • 房产原值怎么计算房产面积
  • 哪些产品计算消费税时可以扣除
  • 怎么让银行同意商转公
  • 电子商务交易成本
  • 水利建设专项收入怎么报税
  • 盈余公积什么时候提取
  • 增值税普通发票有什么用
  • 建筑施工企业购进材料会计分录
  • 小规模纳税人自开专票
  • 劳务费代驾计入什么科目?
  • 资本公积盈余公积区别
  • 怎么确认权益性投资收益收入?
  • 研发费水电费比例怎么分配
  • 增量留底税额怎么进行确定
  • 一般企业利润表格式
  • 收到工伤保险的发票
  • 环境保护税法是什么意思
  • 工资计提金额
  • 个人所得税征收范围
  • 网络适配器感叹号代码43
  • 什么是保守型证券
  • 安保服务差额征税如何开票
  • PasSrv.exe - PasSrv是什么进程 有什么用
  • 我告诉你win7旗舰版
  • koeids.dll
  • vue实战技巧
  • php中execute
  • 增值税检查的内容
  • mysql_escape_string()函数用法分析
  • html盒子边框圆角
  • php求日期差
  • 行人重识别map
  • chkconfig命令参数
  • 查找命令位置
  • 公司主营业务怎么介绍
  • 所得税时间性差异
  • 税收罚款支出计入其他应付款吗对吗
  • 上季度的发票开出去了可以作废吗
  • 怎么解决食堂拥挤问题
  • 资产减值损失是什么意思
  • Python支持向量能干什么
  • phpcms api
  • 贴现业务受理该怎么做
  • 知道实发工资怎么算应发工资计算器
  • 企业内部研发支持方案
  • 房东房租不开票违法吗
  • 如何降低未分配利润的方法
  • 借款合同的
  • 查询发票真伪
  • 应付职工薪酬多计提了如何冲掉
  • 委托加工应税消费品纳税义务发生时间
  • 股东投入固定资产怎么做账
  • 发出计价是什么意思
  • 介绍一种新产品
  • 在docker中使用service命令
  • mysql数据库中SELECT * FROM是什么
  • freebsd软件包
  • 如何在ubuntu下安装和配置gcc并用C语言
  • 苹果mac最新的系统
  • win8破解密码开机密码
  • windows 8
  • win7定时静音
  • windows右键菜单
  • linux Intel 845集成显示驱动下载
  • linux html编辑器
  • win8.1怎么用
  • 怎么用windows
  • mingw 编译
  • python处理文本文件代码优化
  • 北京市国家税务局网站官网
  • 如何查询企业税务评级
  • 12366纳税服务热线工作时间
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设