位置: 编程技术 - 正文

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

  • 北京增值税发票网上申领流程
  • 车船使用税怎么网上缴费
  • 关税完税价格是指什么意思
  • 缴纳税收凭证有原件吗
  • 车辆购置税退税流程
  • 农民合作社缴附加税吗
  • 企业发放员工工资
  • 发票对方认证不了怎么回事
  • 公司办公室租赁费会计分录
  • 为什么要预提企业收入
  • 免抵调增值税是否缴纳附加税
  • 房屋租赁交税能补交吗
  • 行程单和发票的区别 报销
  • 开票软件的地址怎么修改
  • 采用简易计税方法
  • 专家费1000元个人所得税到底是税前还是税后
  • 软件公司客户经理一般月薪多少
  • 已收发票是什么意思
  • 钱打到对公账户
  • 以无形资产进行投资
  • 公司租赁的办公室装修费用可以抵进项税吗
  • window10自带商店下载位置
  • 管理软件对相机的要求
  • windows设备超时是什么意思
  • 怎么获得win10纯净版
  • PHP:session_write_close()的用法_Session函数
  • PHP:time_nanosleep()的用法_misc函数
  • 福利企业退税计入哪个科目
  • 照片文件夹如何压缩
  • 置换土地如何做账务处理
  • 投资性房地产减值准备为什么不能转回
  • ts基础
  • 利润分配怎样做分录
  • 归一化的几种方法
  • python基础100例
  • 干货!​如何打造我们自己的“ChatGPT”?| 大佬思辨
  • 总结php删除字符的方法
  • at命令每天任务
  • 固定资产折旧完报废账务处理
  • 研发失败的费用允许加计扣除吗
  • 电子发票的缺点
  • 新的事业单位财务规则对医院运用的变化
  • 运输服务是什么
  • 什么情况个税可以扣除
  • MSSQL2005在networkservice权限运行附加数据库报(Microsoft SQL Server,错误: 5120)
  • 淘宝电子发票怎么申请
  • 个人劳务费免增值税吗
  • 政府补助确认递延所得税负债
  • 纳税人可以享受六项专项附加扣除
  • 营利性与非营利性的关系
  • 股东变更实收资本变更吗
  • 资本公积转为实收资本会计科目
  • 其他应收款余额在贷方什么意思
  • 研发费用范围不包括
  • 公章变更需要到哪里办理
  • 货款已付,货未收到分录
  • 银行存款日记账模板
  • 总账设置包括哪些内容
  • SQL直接操作excel表(查询/导入/插入)
  • mysql随机选择
  • centos7gcc编译器
  • windows 2003 iis+php5+mysql+phpmyadmin 详细安装配置
  • 怎么禁止p2p下载器
  • ubuntu2004分区教程
  • aeadisrv.exe
  • sistray.exe - sistray是什么进程 有什么用
  • Win10输入法切换快捷键改不了
  • vc6.0安装教程win8
  • linux系统设置
  • 写个置顶
  • Android性能优化工具
  • android系统架构由几部分组成
  • 分享一下相亲时碰见过哪些奇葩事
  • unity更新需要重新下载吗
  • jquery动态添加和删除div
  • 网上申报纳税小程序是啥
  • 村副主任有什么要求
  • 印花税核算有两种情况,是如何处理的?
  • 地税局基层职位怎么样
  • 出口突尼斯提供哪些清关单据
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设