位置: 编程技术 - 正文

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实现小说)

  • 预提所得税的计税基础
  • 车购税怎么计算
  • 上市公司收购其他公司要多久
  • 出售未计提完折旧的固定资产
  • 发生额对照表
  • 垫付生育津贴的钱怎么算
  • 特许权使用费增值税征收品目
  • 小规模纳税人财务报表是按季还是按月申报
  • 小规模纳税人销售不动产适用税率
  • 收购股权怎么做账
  • 一般企业和行政事业单位的资产负债表是否一样
  • 货币基金可以投资
  • 房地产公司缴纳契税的会计分录
  • 年终奖2月发怎么申报个税
  • 租给公司仓库要发票怎么办
  • 个人租车给公司租金多少合适
  • 专项发票和普通发票的税点
  • 2人注册的公司换一个人怎么办
  • 按适用税率征税货物及劳务销售额
  • 批发led电子屏
  • 不用开票的收入有哪些
  • 固定资产清查表
  • Ubuntu 16.04 Server Edition 英文版安装教程
  • php数组查找
  • realjbox.exe - realjbox是什么进程 作用是什么
  • 购买预付卡如何记账
  • 外贸公司付款方式有几种
  • 会计中记账凭证复核是谁负责
  • 微信公众号 h5 保存openid
  • 劳务报酬个人所得税税率表2023
  • hiddenalbum是什么文件夹
  • 现金溢余基本账务处理
  • 权益的定义特征
  • 汉字转拚音
  • php数组数据结构
  • 专票认证后可以不抵扣吗
  • 现在前端的现状
  • ubuntu20.04安装cuda10.2
  • nodejs安装及环境配置win7
  • 命令行文本编辑
  • phpipam安装
  • 支付职工差旅费发生的现金流出
  • 二季度平均薪酬
  • 固定资产暂停使用期间需要计提折旧吗
  • 含消费税的商品开成了不含消费税怎么办
  • vue$router
  • php的do while语句
  • 什么发票可以抵扣增值税吗
  • 企业分红所得需要缴纳企业所得税吗
  • 金税盘清卡失败增值税未申报或未比对
  • 确认委托代销手续费的会计分录
  • 个税是怎么扣除的?
  • 现金折扣要扣除什么费用
  • 购入的固定资产,其入账价值包括的内容有
  • 收到工会经费怎么指定现金流入
  • 内部转账单怎么填制
  • 小企业会计准则主要按照什么计量
  • 商业企业的会计科目设置
  • 保险公司的业务分为
  • mysql的用处
  • 升级打装备的手游
  • 政府禁用windows8
  • 流言:Win9或终止32位系统 加速64位平台
  • windows10 rs2
  • win10无线网络不见了只显示飞行模式
  • 如何使用ssh
  • jquery跳出循环
  • cocos2dx 2.2.2
  • unity dem
  • jquery easyui插件
  • javascript程序设计教程
  • 浅谈jquery的应用
  • python快速排序最简单写法
  • 实际金额与报关金额不符
  • 电子专票红字信息表
  • 四川省地方税务局2017年1号公告
  • 中牟地税局电话
  • 代理记账报税违法吗
  • 怎样登录市地税局网站
  • 怎么判断增值税发票是否虚开
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设