位置: 编程技术 - 正文

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

  • 私车公用是否合法
  • 个税app显示退税已完成,怎么没收到钱呢???
  • 暂估入库发票回收怎么办
  • 印花税计税基数不包括哪些
  • 预付账款借方怎么处理
  • 个体户每个月开10万会查吗
  • 房产未竣工如何缴纳房产税
  • 小微企业所得税优惠政策最新2022
  • 企业接受捐赠的账务处理
  • 原材料的运输
  • 有限合伙企业jp
  • 将自产产品赠送他人
  • 代扣代缴的增值税怎么做账
  • 开完红字发票后,正数发票如何开具?
  • 企业注销难道必须要交房产税吗?
  • 商业营业用房经营租赁税率是多少
  • 如何防止虚开发票 等舞弊行为?
  • 增值税申报表附表一填表说明
  • 资本公积盈余公积区别
  • 个人交汽车购置税流程
  • 直系亲属之间转账要交税吗
  • 与建筑物有关的设计
  • 购房房产税如何支付
  • 视同销售收入如何调整?
  • 增值税留抵税额在借方还是贷方
  • 单位性质有哪些类型
  • 付款交单和承兑交单对卖方来说都有一定风险
  • edge弹窗
  • 银行的贷款怎么发放
  • 无痛人流多少钱?
  • PHP:imagettftext()的用法_GD库图像处理函数
  • 财务部门产生的费用入什么?
  • wordpress使用
  • 二手车 交易税费
  • 当月没有生产情况正常吗
  • php中的数据类型有哪些?
  • 使用php免费发送短信
  • php二进制字符串压缩
  • 增值税专用发票几个点
  • 定额发票借给别人盖别人店的章可以吗
  • 燃气管道安装费和暖气管道安装费两个的欠条怎么写
  • 进项税额转出最后怎么处理
  • 以前年度盈余调整对应科目
  • 公积金怎么推出工资
  • 科技型中小企业有什么好处
  • 预付卡业务开票怎么开
  • 请培训老师的费用怎么处理
  • 个人承担的个税是公司的成本费用吗
  • 工程进度款如何做账
  • 用友T3如何取消审核人和制单人不能为同一
  • 研发支出费用化对财务报表的影响
  • 建筑业收入叫什么
  • 政府奖励我公司的钱
  • 运费未付的会计分录怎么做
  • 培训费开增值税专用发票可以抵扣吗
  • sqlserver自定义函数在哪查看
  • mysql根据另一张表更新
  • win7的系统在哪里打开
  • 双启动子存在的意义
  • ksysslim.exe
  • vpengine.exe进程
  • 如何安装和卸载抖音软件
  • linux检测硬盘故障
  • macos创建文件夹
  • 简述linux的系统结构
  • 文科生也能看懂的电子电路学PDf
  • GLSL Tessellation Shader的编程入门介绍
  • 怎么检测端口通不通
  • .bat文件如何编写
  • css文件放在什么目录
  • css@import
  • ajax multipart/form-data
  • 复函地税务机关对自产货物原材料向上游发函
  • 税务数字证书密码修改失败
  • 内蒙古税务稽查局
  • 袁野近照
  • 小规模纳税人租赁收入增值税税率是多少
  • 上海市松江区房价?
  • 轮胎消费税的征收环节
  • 人社局要求社保补缴
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设