Jquery datatable的详细使用

最新推荐文章于 2023-10-13 11:16:05 发布

VIP文章 java是最好的语言

最新推荐文章于 2023-10-13 11:16:05 发布

阅读量3.4k

点赞数

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

本文链接：https://blog.csdn.net/sinat_34498624/article/details/52366481

版权

最近公司项目用到表格，又发现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": [