位置: 编程技术 - 正文

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

  • 出租设备的租金收入记入( )账户
  • 会计制度方法
  • 个体户一定要自己经营吗
  • 租赁企业可以开具电费发票吗
  • 小规模纳税人收入账务处理
  • 帮客户代付保证金违法吗
  • 小规模纳税人不允许开具零税率发票
  • 技术开发免税收益方
  • 开了专票不报销犯法吗
  • 固定资产减值准备增加记哪方
  • 境外工资薪金
  • 培训费发票可以抵扣进项税吗
  • 外经证预交增值税和专管员
  • 劳务报酬属于公司员工么
  • 企业的应收账款周转率越大,说明发生坏账
  • 应收账款的借方负数表示什么
  • 专用发票超过360天作废
  • 递延收益在现金流量表体现吗
  • 资金筹集业务的账务处理重点笔记
  • 契税和增值税的计税依据
  • 其他有形动产租赁服务
  • 个人从价计征房产税
  • 企业支付个人劳务费需要发票吗
  • 股东退股资金如何返还
  • 苹果14出来13会下架吗
  • 厂商退货款差额怎么算
  • 拍卖费怎么收
  • 笔记本thinkbook14
  • kb4507449安装失败
  • windows搭建dvwa
  • 迷迭香怎么养殖方法
  • wordpress项目开发
  • 技术维护费计入
  • 报税扣款锁定怎么处理
  • yolo v5 可视网络结构
  • 【机器学习】前置知识:矩阵的表示与定义 | Identity 身份矩阵 | 逆矩阵和转置 | 标量乘法
  • vue项目更新后还是老代码
  • 网络命令netstat
  • laravel5创建service provider和facade的方法详解
  • set命令用法
  • ps去水印的三种方法
  • 农业企业所得税是免税的吗
  • 个人所得税既有工资薪金又有劳务报酬房屋租金
  • sql server 2008 r2数据库备份
  • 现金账怎么登记
  • php图片格式转换
  • 公司租用个人房子凭收据可以入账吗
  • 收到营业外收入政府补贴的会计分录
  • 期末余额就是本年累计吗
  • 个税计提多了怎么办,跨年度了
  • 收到科技局研发项目资金计入什么科目
  • 利润分配未分配利润是净利润吗
  • 收承兑汇票的利息怎么算
  • 劳务派遣差额扣除项目包含个人缴纳的社保费吗
  • 发票内容可以写工程款吗
  • 业务招待费纳税调整会计分录
  • 固定资产减值损失怎么算
  • sql语句中截取字符串
  • mysql数据库高可用架构
  • 打开与关闭光驱怎么设置
  • win7 win8.1双系统安装教程
  • 连接远程mq
  • SUSE Linux Enterprise Server 11 SP3安装教程详解
  • 如何延长手机电池使用寿命
  • 帝国时代2能在win10
  • 部分用户开启隐私,暂时无法查看怎么办
  • macpro删除文件
  • linux修改用户名
  • hp电脑系统win8系统
  • win7旗舰版u盘在电脑上读不出来
  • 旅游软件页面
  • win8是怎么样的
  • jquery禁止点击事件
  • 单线程语言有哪些
  • easyui combobox默认选中
  • Android之Notification-android学习之旅(二)
  • 增值税的进项税额转出是什么意思
  • 河南热力公司收费标准
  • 个人所得税如何办理退税
  • 财务报表怎么填写
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设