Jquery datatable的详细使用

最新推荐文章于 2024-08-01 11:09:48 发布

java是最好的语言

最新推荐文章于 2024-08-01 11:09:48 发布

阅读量3.6k

点赞数

分类专栏： jquery datatable 表格文章标签： jquery datatable 表格 api 百度

本文链接：https://blog.youkuaiyun.com/sinat_34498624/article/details/52366481

版权

本文介绍了在项目中使用jQuery Datatable的经验，包括如何初始化表格、通过自定义Array或Ajax请求服务器数据，以及实现增删改查功能。在增加功能中，详细讲解了如何获取dialog中input的值并转化为JSON数据进行服务器交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近公司项目用到表格，又发现jquery有好几个表格插件很好用，就选了比较简单的datatable来用，也学习了一番，跟大家分享一下使用的心得。

上面是效果图，使用datatable要先引入包含js和css的文件，这个是datatable的官方文档，https://datatables.net/英文的，小伙伴可以用谷歌翻译成中文，里面所有的api函数什么的都有，慢慢琢磨哈哈！关于参数也可以百度datatable 参数就有挺多讲解的。

在右边的这两个就是js和css文件啦,下载后引入即可。

这里写图片描述

接下来进入正文：

初始化表格：

 oTable1 = $('#sample-table-2').DataTable({
    "sDom": '<"top"><"col-sm-12"t<"col-xs-5"li><"col-xs-7"pr>>',
    //表格控件布局设置 t/table  p/page r/processing l/分页控件 i/总页数
    "bProcessing":true,//加载进度
    "sAjaxDataProp": "data",//数据项名称
    "sAjaxSource": "http://123.56.93.33:8088/kiunionSer/ws/v1.0/vehicleBaseInfo/searchByEnterprise?enterpriseId=1",//服务器
    "bServerSide": true,//启用服务器调试
        "bAutoWidth": true,//自动宽度
        "aLengthMenu": [

最低0.47元/天解锁文章