datatables基本使用(含固定列,导出)

因工作需要,做一个统计列表,要实现表头固定,可以通过点击表头进行排序,还有内容导出;

本来是考虑用layui 的table,但是系统里用了require.js ,在用layui感觉有点重复,所以采用了datatables。

主要优点:功能强大,可选择扩展功能也算全面了。

基本用法:

$("#table").dataTable({
                "searching": false,//不要搜索框
                "paging": false, //不要分页
                "scrollX": 500,//固定宽度,水平滚动
                "scrollY": 380,//固定高度 ,垂直滚动
                "serverSide": false,//不开启服务器模式
                "processing":true,
                "autoWidth": true, //随内容自动计算列宽
                "columns": [
                    {
                        title: "序号",
                        render: function (data, type, row, meta) {
                            return meta.row + 1 + meta.settings._iDisplayStart
                        }, width: "50", "orderable": false //禁止排序
                    },
                    {title: "项目名称", "data": "name"},
                    {
                        title: "项目编码", "data": "code", render: function (data, type, row, meta) {
                            // row 行数据
                            if (data) return data;
                            else return "";
                        }
                    },
                ],
                fixedColumns: {
                    leftColumns: 2 // 固定左边两列
                },
                buttons:[  {extend: 'excel',
                            className: 'btn-export',
                            text: '导出',
                            filename: '项目汇总表',
                            title: '项目汇总表'} ],
                language: {
                    "info": "总记录数为_TOTAL_条",
                    "loadingRecords": "请等待,数据正在加载中......",
                    "emptyTable": "暂无查到相关记录"
                },
                ajax: {
                    url:'project/getList.do',
                    "dataSrc": function ( json ) {
                        if(json.code==200){
                            return json.data;
                        }else{
                            return [];
                        }
                    }
                }
            });

 

 

 

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
datatables是一个用于展示和操作大量数据的JavaScript库,它提供了丰富的功能和灵活的配置选项。其中包括了数据导出功能,可以将表格中的数据导出为不同格式的文件,比如Excel、CSV和PDF。 datatables导出参数包括: 1. buttons:导出功能是通过buttons插件来实现的,该参数用于配置导出按钮的相关选项,比如按钮的位置、样式、图标等。 2. exportOptions:这个参数用于配置导出的数据,可以指定导出、行、单元格等内容,也可以设置导出数据的格式。 3. filename:用于指定导出文件的名称,可以自定义文件名或者使用变量来动态生成文件名。 4. customize:这个参数用于自定义导出文件的内容和格式,可以通过回调函数来对导出的数据进行处理,比如添加额外的信息、设置样式等。 5. fieldSeparator:用于指定导出文件中字段的分隔符,比如CSV文件中常用逗号作为字段的分隔符。 6. extension:这个参数用于指定导出文件的格式,可以是Excel、CSV、PDF等。 7. header:用于指定导出文件是否包表头信息,可以设置为true或false。 通过配置这些导出参数,可以灵活地实现对表格数据的导出操作,满足用户对数据导出的各种需求。同时,datatables还提供了丰富的API和事件,可以对导出功能进行更深入的定制和扩展。总之,datatables导出参数为用户提供了丰富的选项和灵活的配置,使数据导出功能更加强大和实用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值