首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用JQuery pdfHtml5使整个DataTable在pdf中居中?

使用JQuery pdfHtml5将整个DataTable居中在PDF中的方法如下:

  1. 首先,确保你已经引入了JQuery和pdfHtml5的相关库文件。
  2. 创建一个空的HTML页面,并在其中添加一个空的div元素,用于容纳DataTable。
  3. 使用JQuery选择器选中该div元素,并使用DataTable插件初始化一个表格。
  4. 在初始化DataTable之后,使用pdfHtml5插件的自定义配置选项来设置PDF导出的样式和布局。
代码语言:javascript
复制

$(document).ready(function() {

代码语言:txt
复制
 var table = $('#example').DataTable();
代码语言:txt
复制
 new $.fn.dataTable.Buttons(table, {
代码语言:txt
复制
   buttons: [{
代码语言:txt
复制
     extend: 'pdfHtml5',
代码语言:txt
复制
     customize: function(doc) {
代码语言:txt
复制
       // 设置PDF导出的样式和布局
代码语言:txt
复制
       doc.styles.tableBodyEven.alignment = 'center';
代码语言:txt
复制
       doc.styles.tableBodyOdd.alignment = 'center';
代码语言:txt
复制
       doc.styles.tableFooter.alignment = 'center';
代码语言:txt
复制
       doc.styles.tableHeader.alignment = 'center';
代码语言:txt
复制
     }
代码语言:txt
复制
   }]
代码语言:txt
复制
 });
代码语言:txt
复制
 table.buttons().container().appendTo('#example_wrapper .col-md-6:eq(0)');

});

代码语言:txt
复制

在上述代码中,我们使用了pdfHtml5插件的customize选项来自定义PDF导出的样式和布局。通过设置alignment属性为'center',我们将表格的内容居中显示。

  1. 最后,将PDF导出按钮添加到页面上的适当位置。
代码语言:html
复制

<div id="example_wrapper">

代码语言:txt
复制
 <div class="col-md-6">
代码语言:txt
复制
   <button class="dt-button buttons-pdf buttons-html5">导出PDF</button>
代码语言:txt
复制
 </div>

</div>

代码语言:txt
复制

在上述代码中,我们将PDF导出按钮添加到了一个具有适当样式的div元素中。

这样,当用户点击"导出PDF"按钮时,整个DataTable将在PDF中居中显示。

关于JQuery pdfHtml5和DataTable的更多详细信息,你可以参考以下链接:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Magicodes.IE 2.5.4.2发布

support for paper size Add PDF support for margins #223 2.5.1 2020.12.21 导出支持使用ColumnIndex指定导出顺序,以导出时某些情况下顺序不一致的问题...(单列居中、整表居中) 【导出】对一些中间件代码进行了修复及优化 2020.05.16 【Nuget】版本更新到2.2.1 【PDF导出】对模板引擎进行升级更新 2020.05.12 【Nuget】版本更新到...【导出】修复导出HTML、Pdf、Word时,模板某些情况下编译报错的问题。 【导入】重写空行检查。...【导出】支持Excel模板导出并填写相关单元测试,如何使用见教程《Excel模板导出之导出教材订购表》 支持单元格单个绑定 支持列表 2019.12.17 【Nuget】版本更新到1.4.16 【导入】...导出在多线程下的问题 2019.11.13 【Nuget】版本更新到1.4.5 【导出】修复导出Pdf某些情况下可能会导致内存报错的问题 【导出】添加批量导出收据单元测试示例,并添加大量数据样本进行测试

1.4K40

Magicodes.IE 2.5.6.1发布

MagicodesIEPdfModule) 注册IPdfExporter Magicodes.IE.Word.Abp(MagicodesIEWordModule) 注册IWordExporter 如何使用...support for paper size Add PDF support for margins #223 2.5.1 2020.12.21 导出支持使用ColumnIndex指定导出顺序,以导出时某些情况下顺序不一致的问题...(单列居中、整表居中) 【导出】对一些中间件代码进行了修复及优化 2020.05.16 【Nuget】版本更新到2.2.1 【PDF导出】对模板引擎进行升级更新 2020.05.12 【Nuget】版本更新到...【导出】修复导出HTML、Pdf、Word时,模板某些情况下编译报错的问题。 【导入】重写空行检查。...【导出】支持Excel模板导出并填写相关单元测试,如何使用见教程《Excel模板导出之导出教材订购表》 支持单元格单个绑定 支持列表 2019.12.17 【Nuget】版本更新到1.4.16 【导入】

1.7K10

Magicodes.IE 2.5.5.3发布

MagicodesIEPdfModule) 注册IPdfExporter Magicodes.IE.Word.Abp(MagicodesIEWordModule) 注册IWordExporter 如何使用...support for paper size Add PDF support for margins #223 2.5.1 2020.12.21 导出支持使用ColumnIndex指定导出顺序,以导出时某些情况下顺序不一致的问题...(单列居中、整表居中) 【导出】对一些中间件代码进行了修复及优化 2020.05.16 【Nuget】版本更新到2.2.1 【PDF导出】对模板引擎进行升级更新 2020.05.12 【Nuget】版本更新到...【导出】修复导出HTML、Pdf、Word时,模板某些情况下编译报错的问题。 【导入】重写空行检查。...【导出】支持Excel模板导出并填写相关单元测试,如何使用见教程《Excel模板导出之导出教材订购表》 支持单元格单个绑定 支持列表 2019.12.17 【Nuget】版本更新到1.4.16 【导入】

1.6K10

Magicodes.IE 2.6.3 发布

MagicodesIEPdfModule) 注册IPdfExporter Magicodes.IE.Word.Abp(MagicodesIEWordModule) 注册IWordExporter 如何使用...support for paper size Add PDF support for margins #223 2.5.1 2020.12.21 导出支持使用ColumnIndex指定导出顺序,以导出时某些情况下顺序不一致的问题...(单列居中、整表居中) 【导出】对一些中间件代码进行了修复及优化 2020.05.16 【Nuget】版本更新到2.2.1 【PDF导出】对模板引擎进行升级更新 2020.05.12 【Nuget】版本更新到...【导出】修复导出HTML、Pdf、Word时,模板某些情况下编译报错的问题。 【导入】重写空行检查。...【导出】支持Excel模板导出并填写相关单元测试,如何使用见教程《Excel模板导出之导出教材订购表》 支持单元格单个绑定 支持列表 2019.12.17 【Nuget】版本更新到1.4.16 【导入】

1.9K20

Magicodes.IE 2.6.2 发布

MagicodesIEPdfModule) 注册IPdfExporter Magicodes.IE.Word.Abp(MagicodesIEWordModule) 注册IWordExporter 如何使用...support for paper size Add PDF support for margins #223 2.5.1 2020.12.21 导出支持使用ColumnIndex指定导出顺序,以导出时某些情况下顺序不一致的问题...(单列居中、整表居中) 【导出】对一些中间件代码进行了修复及优化 2020.05.16 【Nuget】版本更新到2.2.1 【PDF导出】对模板引擎进行升级更新 2020.05.12 【Nuget】版本更新到...【导出】修复导出HTML、Pdf、Word时,模板某些情况下编译报错的问题。 【导入】重写空行检查。...【导出】支持Excel模板导出并填写相关单元测试,如何使用见教程《Excel模板导出之导出教材订购表》 支持单元格单个绑定 支持列表 2019.12.17 【Nuget】版本更新到1.4.16 【导入】

1.7K40

Magicodes.IE 2.5.6.2发布

MagicodesIEPdfModule) 注册IPdfExporter Magicodes.IE.Word.Abp(MagicodesIEWordModule) 注册IWordExporter 如何使用...support for paper size Add PDF support for margins #223 2.5.1 2020.12.21 导出支持使用ColumnIndex指定导出顺序,以导出时某些情况下顺序不一致的问题...(单列居中、整表居中) 【导出】对一些中间件代码进行了修复及优化 2020.05.16 【Nuget】版本更新到2.2.1 【PDF导出】对模板引擎进行升级更新 2020.05.12 【Nuget】版本更新到...【导出】修复导出HTML、Pdf、Word时,模板某些情况下编译报错的问题。 【导入】重写空行检查。...【导出】支持Excel模板导出并填写相关单元测试,如何使用见教程《Excel模板导出之导出教材订购表》 支持单元格单个绑定 支持列表 2019.12.17 【Nuget】版本更新到1.4.16 【导入】

1.2K20

Magicodes.IE 2.6.0重磅发布

MagicodesIEPdfModule) 注册IPdfExporter Magicodes.IE.Word.Abp(MagicodesIEWordModule) 注册IWordExporter 如何使用...support for paper size Add PDF support for margins #223 2.5.1 2020.12.21 导出支持使用ColumnIndex指定导出顺序,以导出时某些情况下顺序不一致的问题...(单列居中、整表居中) 【导出】对一些中间件代码进行了修复及优化 2020.05.16 【Nuget】版本更新到2.2.1 【PDF导出】对模板引擎进行升级更新 2020.05.12 【Nuget】版本更新到...【导出】修复导出HTML、Pdf、Word时,模板某些情况下编译报错的问题。 【导入】重写空行检查。...【导出】支持Excel模板导出并填写相关单元测试,如何使用见教程《Excel模板导出之导出教材订购表》 支持单元格单个绑定 支持列表 2019.12.17 【Nuget】版本更新到1.4.16 【导入】

1.5K20

Magicodes.IE 2.5.6.3发布

MagicodesIEPdfModule) 注册IPdfExporter Magicodes.IE.Word.Abp(MagicodesIEWordModule) 注册IWordExporter 如何使用...support for paper size Add PDF support for margins #223 2.5.1 2020.12.21 导出支持使用ColumnIndex指定导出顺序,以导出时某些情况下顺序不一致的问题...(单列居中、整表居中) 【导出】对一些中间件代码进行了修复及优化 2020.05.16 【Nuget】版本更新到2.2.1 【PDF导出】对模板引擎进行升级更新 2020.05.12 【Nuget】版本更新到...【导出】修复导出HTML、Pdf、Word时,模板某些情况下编译报错的问题。 【导入】重写空行检查。...【导出】支持Excel模板导出并填写相关单元测试,如何使用见教程《Excel模板导出之导出教材订购表》 支持单元格单个绑定 支持列表 2019.12.17 【Nuget】版本更新到1.4.16 【导入】

1.2K40

Magicodes.IE 2.7.2发布

MagicodesIEPdfModule) 注册IPdfExporter Magicodes.IE.Word.Abp(MagicodesIEWordModule) 注册IWordExporter 如何使用...support for paper size Add PDF support for margins #223 2.5.1 2020.12.21 导出支持使用ColumnIndex指定导出顺序,以导出时某些情况下顺序不一致的问题...(单列居中、整表居中) 【导出】对一些中间件代码进行了修复及优化 2020.05.16 【Nuget】版本更新到2.2.1 【PDF导出】对模板引擎进行升级更新 2020.05.12 【Nuget】版本更新到...【导出】修复导出HTML、Pdf、Word时,模板某些情况下编译报错的问题。 【导入】重写空行检查。...【导出】支持Excel模板导出并填写相关单元测试,如何使用见教程《Excel模板导出之导出教材订购表》 支持单元格单个绑定 支持列表 2019.12.17 【Nuget】版本更新到1.4.16 【导入】

1.9K20

Magicodes.IE 2.7.4.2发布

MagicodesIEPdfModule) 注册IPdfExporter Magicodes.IE.Word.Abp(MagicodesIEWordModule) 注册IWordExporter 如何使用...support for paper size Add PDF support for margins #223 2.5.1 2020.12.21 导出支持使用ColumnIndex指定导出顺序,以导出时某些情况下顺序不一致的问题...(单列居中、整表居中) 【导出】对一些中间件代码进行了修复及优化 2020.05.16 【Nuget】版本更新到2.2.1 【PDF导出】对模板引擎进行升级更新 2020.05.12 【Nuget】版本更新到...【导出】修复导出HTML、Pdf、Word时,模板某些情况下编译报错的问题。 【导入】重写空行检查。...【导出】支持Excel模板导出并填写相关单元测试,如何使用见教程《Excel模板导出之导出教材订购表》 支持单元格单个绑定 支持列表 2019.12.17 【Nuget】版本更新到1.4.16 【导入】

1.9K30

Magicodes.IE 2.7.1发布

MagicodesIEPdfModule) 注册IPdfExporter Magicodes.IE.Word.Abp(MagicodesIEWordModule) 注册IWordExporter 如何使用...support for paper size Add PDF support for margins #223 2.5.1 2020.12.21 导出支持使用ColumnIndex指定导出顺序,以导出时某些情况下顺序不一致的问题...(单列居中、整表居中) 【导出】对一些中间件代码进行了修复及优化 2020.05.16 【Nuget】版本更新到2.2.1 【PDF导出】对模板引擎进行升级更新 2020.05.12 【Nuget】版本更新到...【导出】修复导出HTML、Pdf、Word时,模板某些情况下编译报错的问题。 【导入】重写空行检查。...【导出】支持Excel模板导出并填写相关单元测试,如何使用见教程《Excel模板导出之导出教材订购表》 支持单元格单个绑定 支持列表 2019.12.17 【Nuget】版本更新到1.4.16 【导入】

1.7K10

Magicodes.IE 2.6.4 发布

MagicodesIEPdfModule) 注册IPdfExporter Magicodes.IE.Word.Abp(MagicodesIEWordModule) 注册IWordExporter 如何使用...support for paper size Add PDF support for margins #223 2.5.1 2020.12.21 导出支持使用ColumnIndex指定导出顺序,以导出时某些情况下顺序不一致的问题...(单列居中、整表居中) 【导出】对一些中间件代码进行了修复及优化 2020.05.16 【Nuget】版本更新到2.2.1 【PDF导出】对模板引擎进行升级更新 2020.05.12 【Nuget】版本更新到...【导出】修复导出HTML、Pdf、Word时,模板某些情况下编译报错的问题。 【导入】重写空行检查。...【导出】支持Excel模板导出并填写相关单元测试,如何使用见教程《Excel模板导出之导出教材订购表》 支持单元格单个绑定 支持列表 2019.12.17 【Nuget】版本更新到1.4.16 【导入】

1.1K20

Datatables表格插件,你用过吗?

Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。...这时候就有一个问题了,后台分页时如何知道你按多少数据分页的,你的排序方式是按哪个字段进行什么排序的。...ajax请求利用data属性动态实时获取用户输入的数据,并把其赋值给dataTable,然后doSearch方法重新拉起一次dataTable请求,这时请求参数就添加了需要的字段和值; <form...第一种实现方法是前端处理, createdRow:function (row, data, dataIndex) {}回调方法获取到当前所在行的最后一列,然后把html添加进去。...可以模型定义一个字段(我这里叫action)只要和你的colums:[{data:'action'}]对应就可以。使用laravel的模型属性和方法去实现。 <?

5.9K30

datatables应用程序接口API

API旨在能够很好地操作表格的数据。...后者返回的是jQuery实例(如果是这个方式初始化Datatables,那么返回的对象不能使用api方法,不然会报方法未定义) 核心(Core) 名称 说明 ajax.reload()API 重新加载数据源获取数据...(不能指定新的数据源) ajax.url().load()API 设置新的url数据源重新加载数据 ajax.url()API 设置新的url数据源 draw()API 重绘表格 $()API 整个表格里执行...实例 toArray()DT 把结果集转换为javascript数组 toJQuery()DT 转为jQuery实例 unique()DT 去重 unshift()DT 结果集里从头添加一个或多个项目...()API 获取该页面上所有的DataTables实例 $.fn.dataTable.util.escapeRegex()API 使用正则表达式转义特殊字符 $.fn.dataTable.util.throttle

4.4K30

基于RequireJS和JQuery的模块化编程——常见问题解析

如果使用seajs初始的加载执行效率会比较高,但是使用的过程可能会取执行js,因此可能会出现卡顿,影响用户体验(由于我也没试过,要是说错了,别见怪)。...如何解决requirejs循环依赖问题 如果你定义的某个a模块使用到了b模块,而b模块又使用了a模块,那么就会抛出循环依赖的异常。 比如,我这里写了一个循环依赖的例子。 主页面: <!...关于循环依赖的源码可以参考云盘 如何在requirejs中使用jquery 如果想要使用jquery比较简单,直接在main.js添加对应的依赖即可: requirejs.config({ baseUrl...$('#test').html('test'); }); 如何在requirejs中使用jquery插件 对于jquery的插件,比较常见的做法都是传入一个jquery的对象,在这个jquery对象的基础上添加插件对应的方法...比如在DOM重构的JS模块,执行渲染的代码下面: require("xxx").initEvents(); 常见场景: 比如我页面中使用jquery-steps这个UI插件,它会对页面进行重新渲染

2.9K100

Magicodes.IE 2.2里程碑需求和建议征集

支持各种筛选器,以便支持多语言、动态控制列展示等场景,具体使用见单元测试: 导入列头筛选器(可动态指定导入列、导入的值映射关系) 导出列头筛选器(可动态控制导出列,支持动态导出(DataTable))...【导出】修复导出HTML、Pdf、Word时,模板某些情况下编译报错的问题。 【导入】重写空行检查。...Excel模块并且重写大部分接口 【导出】支持列头筛选器——IExporterHeaderFilter,具体使用见单元测试 【导出】修复转换DataTable时支持为空类型 【导出】导出Excel支持拆分...【导出】支持Excel模板导出并填写相关单元测试,如何使用见教程《Excel模板导出之导出教材订购表》 支持单元格单个绑定 支持列表 2019.12.17 【Nuget】版本更新到1.4.16 【导入】...导出在多线程下的问题 2019.11.13 【Nuget】版本更新到1.4.5 【导出】修复导出Pdf某些情况下可能会导致内存报错的问题 【导出】添加批量导出收据单元测试示例,并添加大量数据样本进行测试

1.5K20
领券