位置: 编程技术 - 正文

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

  • 我国现行的增值税属于什么
  • 委托加工业务中,委托方是纳税义务人
  • 计提的坏账准备可以税前扣除吗
  • 销售成本结转属于收入吗
  • 分批付款 发票怎么开
  • 未抵扣的进项发票是什么意思
  • 增值税专用发票和普通发票的区别
  • 应付账款的核算会计分录
  • 新公司做财务
  • 税务局每年都会查我公司虚开发票
  • 建筑企业小规模纳税标准
  • 小规模代扣代缴个税会计分录
  • 会计累计折旧属于什么科目
  • 百旺红字发票申领流程
  • 旅游服务费可以抵扣增值税
  • 小规模纳税人酒水税率
  • 银行异地汇款抽奖需要扣缴个人所得税吗?
  • 开票的增值税与附加税
  • windows10如何关闭病毒和威胁防护设置
  • 人工装卸怎么办营业执照
  • 王者荣耀中孙尚香怎么玩
  • 怎么安装win7系统后怎么安装驱动
  • php中删除文件的函数
  • linux中!
  • php中session什么意思
  • 哪些行业可以简易征收增值税
  • PHP:iterator_to_array()的用法_spl函数
  • 客户尾款不付会计分录
  • php操作json
  • laravel添加数据
  • 存货非正常损失进项税额转出
  • 员工的通讯费怎么报销
  • 稚晖君的学历
  • echarts中国地图代码
  • jquery弹出层插件
  • php文件上传下载代码
  • 财务费用汇兑损失是什么
  • python中的string
  • python用内置函数来打开文件
  • 人民法院司法警察警用装备
  • 已开发票作废和空白发票作废有什么不一样?
  • 开具培训类发票需要哪些条件?
  • 公司处置汽车
  • 全员啥意思
  • sql语句中单引号是什么
  • 工业销售产值是销售收入吗
  • 搬迁补偿款的会计分录
  • 发票未及时开,但是双方会计已经做帐,怎么办?
  • 物流辅助服务费属于什么费用
  • 预收账款年底是不是不能有余额
  • 月末结转的各类凭证无需注意先后顺序
  • 挂靠经营的会计处理是?
  • 金蝶k3怎么打印科目余额表
  • 无形资产减值损失计入管理费用
  • 计提工资时一定要发票吗
  • 费用报销流程及制度
  • win7系统u盘打不开怎么办
  • windows怎么查看
  • winpe安装步骤
  • 桌面上的图标不能更改对还是错
  • win8更新一直停着不动
  • win101909玩dnf怎么样
  • 如何安装windowsxp
  • 手动为LiteSpeed安装eAccelerator和XCache的方法分享
  • npscheck.exe - npscheck是什么进程 有什么用
  • win7系统安全软件
  • 代理服务器只能代理客户端http的请求
  • cocos做游戏
  • Android使用活动需要去什么进行注册
  • unity网格地形
  • Unity Enemy behaviour
  • 1、Android Studio创建android项目
  • python中的变量和常量ppt
  • python中fun函数怎么用
  • 普票怎么入账标识
  • 互城通怎么用微信充值
  • 对外支付税务备案表网上核验
  • 地方税务局工作内容
  • 个人所得税票样
  • 交完车船税后地税局都给什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设