位置: 编程技术 - 正文

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

  • 哪些情形免征契税
  • 税收滞纳金是什么债权
  • 年底计提是什么意思
  • 用友T3资产负债表公式
  • 待处理财产损益年底怎么处理
  • 发票跨季度可以用吗
  • 投资性房地产递延所得税资产怎么算
  • 自然人独资公司和个人独资企业区别
  • 一般纳税人工会经费返还政策
  • 航天金税盘证书口令错误
  • 固定资产处置损益怎么算
  • 二手车增值税发票怎么开
  • 企业所得税讲解
  • 房地产企业借款过多的原因
  • 所有者权益的利得和损失
  • 进口后的技术服务费
  • 个人缴纳物业费怎么开发票
  • 以旧换新要按商品价格吗
  • 什么情况下一般疑问句用do
  • 上个月没有报个税这个月一起报
  • 小规模纳税人申报表2023年怎么填写
  • 个人转让上市公司股票交增值税吗
  • 税控盘管理费会计分录
  • 暂估成本后第二年收到发票怎么做账
  • 补发上月工资如何计税
  • 网页显示不全怎么回事
  • safari浏览器开发者模式
  • 公司换基本户需要多久
  • ZF框架实现发送邮件的方法
  • 作为一名程序员应该掌握哪些语言
  • 职工福利费会计账务处理
  • 发票抵扣条件
  • 路由器晚上关了,早上再开信号会好吗?
  • php log函数
  • smart控制技术
  • 成本核算流程会议记录
  • 促销商品的方法
  • 坎塔布莱恩
  • laravel视频教程
  • 使用灭火器人要站在上风口还是下风口
  • ai绘画图片
  • opencv图像识别特定形状
  • fsck命令详解
  • python中列表清空
  • 预付账款借方怎么调平
  • 固定资产出租收入属于
  • php7编译安装gd库
  • 公司车辆固定资产管理办法
  • 小规模纳税人增值税申报表怎么填
  • 2020年增值税税收政策
  • 税务局报季度税
  • 工程项目需要交5000万保证金合理吗
  • 车船税手续费返还时间
  • 股东投入的资金
  • 用于出口的进项发票怎么做账
  • 城建税如何计提税金
  • 管理费用怎样分摊归集到产品
  • 去国外参加展会办什么签证
  • 油卡充值做账
  • 应付账款跟应收的区别
  • 企业微信对公账户认证
  • 成本会计和管理会计哪个好
  • sqlserver数据完整性
  • win8系统怎么设置开机启动项
  • window10打开rar文件
  • win10 mobile下载
  • Win7旗舰版系统镜像文件
  • win7如何更改欢迎界面
  • node与js的区别
  • node js模块
  • Java之CyclicBarrier使用
  • 浅谈python
  • python sco
  • 房产税可以抵扣增值税吗
  • 请问农村自建房彩钢瓦下面修房吊什么顶好
  • 厂房房产税2021年税率
  • 本季度可以弥补上季度亏损吗
  • 农业企业制造费用包括哪些
  • 税务稽查机构
  • 土地交的契税会计科目
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设