使用jquery导出PDF,CSV,Excel表格数据?

时间:2018-03-14 10:58:34

标签: php jquery laravel datatable

我正在使用此代码并且工作正常。

但是我希望从数据表中获取有限的行数据和有限的单词。

我正在做什么Jquery代码:

if( $('.clienttable').length > 0 ) {
        $('.clienttable').DataTable( {           
            pageLength: 10,
            responsive: true,
            dom: '<"html5buttons"B>lTfgitp',
            buttons: [
                {
                    extend: 'copyHtml5',
                    exportOptions: {
                        columns: [1, 2, 3,4,5,6]
                    }
                },
                {
                    extend: 'csvHtml5',
                    exportOptions: {
                        columns: [1, 2, 3,4,5,6]
                    }
                },
                {
                    extend: 'excelHtml5',
                    exportOptions: {
                        columns: [1, 2, 3,4,5,6]
                    }
                },
                {
                    extend: 'pdfHtml5',
                    exportOptions: {
                        columns: [1, 2, 3,4,5,6]
                    },
                    title: 'List of Clients',
                }
            ],
            columnDefs: [
                { targets: [0], orderable: false },
                { targets: [7], orderable: false }
             ],
            "order": [[ 6, "desc" ]]  
        });
    }

前端代码:

<table class="table table-striped table-bordered table-hover clienttable" >
</table>

其他问题:

如何在excel导出时删除列中的空格文本..?  我在excel表格单元格中遇到像空格一样的问题,这可以删除空白区域吗?

1 个答案:

答案 0 :(得分:1)

您可以使用DataTables选择扩展程序:DataTables Select

添加到按钮导出选项:

    import React , {PureComponent} from 'react';
    import {
      View,
      Text,
      } from 'react-native';
    import { connect } from 'react-redux';
    import { bindActionCreators } from 'redux';

    const mapStateToProps = (() => {
      return {
        colorStyle: colorTheme.style,
      };
    });

    class ColorTheme extends PureComponent {

      constructor(props) {
        super(props);
      }

      render() {
          console.log(this.props.colorStyle)
      }

    }

    export default connect(mapStateToProps, null)(ColorTheme);

modifier: {
      selected: true
}

初始化DataTable代码。

您的新代码:

select: true

现在您只能打印选定的行。