位置: 编程技术 - 正文

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

  • 购入房产计入什么科目
  • 将房产以股权形式出售
  • 燃气费的账务处理
  • 公司工资0申报
  • 开出已验旧的发票怎么办
  • 红字发票没有地址和银行信息跨月了无法作废
  • 全年一次奖金计算
  • 小规模纳税人开普票要交税吗
  • 上年减值准备收回如何做账务处理呢?
  • 租赁算投资吗
  • 物流 贷款
  • 私车公用保险费用公司承担吗
  • 外购产品赠送他人合法吗
  • 装修公司能开增值发票吗
  • 当月工资额什么意思
  • 税务是如何处理违章的
  • 旅行社的税
  • 餐饮消费,碰到商家不愿意开发票怎么办?
  • 公司发票限额按什么计算
  • 购买方申请的红字信息表编号如何查询
  • 企业做账会计需要什么资质
  • 财政收据可以抵税吗
  • 公司设备没开票维修时配件能开票吗?
  • 银行承兑汇票到期后多长时间失效
  • 企业注销个税怎样更正申报呢
  • 新公司没收入之前费用都走开办费吗
  • 收入3000以下占比
  • 国家减免税款怎么申请
  • linux7 nfs
  • php面向对象是什么意思
  • 资产减值准备怎么影响利润
  • 企业合作建房会计核算
  • 广度优先算法代码
  • vue设置时间格式
  • 京东最贵的商品排行
  • 固定资产计算折旧时用扣除减值吗
  • vue项目中技巧知识点
  • 白沙国家公园中标公告
  • 递延所得税资产和负债怎么理解
  • php批量处理数据
  • php 面向对象
  • php实现上传文件
  • html入门基础
  • vue el-tabs
  • php curl 封装
  • 增值税抵扣进项税额什么意思
  • 增值税专票和普票的区别图片
  • 贸易净利润
  • sql server配置文件在哪
  • mysql查询一列数据
  • access导入到mysql
  • 现在勾选认证是可以下月初认证?
  • 购买货物对方代垫的运输费分录
  • 出口报关成功
  • 工程款抵房款什么意思
  • 公司在银行的贷款会计分录
  • 社保滞纳金可以免除吗
  • 养老保险滞纳金计算器
  • 库存现金是负数怎么调
  • windows域环境搭建
  • win8最多支持多大内存
  • eve是什么文件
  • 邮件版本
  • win10任务快速切换
  • linux使用rar命令压缩文件
  • Slackware Linux init 进程
  • 安卓专业图片处理软件
  • Jqgrid之强大的表格插件应用
  • unity3d最新api
  • 游戏的背包和道具系统
  • 利用python绘图
  • js如何使用
  • 又一枚精彩的弹幕效果jQuery实现
  • python提取html内容
  • 江苏国家电子税务局官网登录
  • 煤炭资源税税率选煤税率多少黑龙江
  • 四川税务专管员查询
  • 2020年个税截止时间
  • 盘锦税务局招聘信息
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设