JQuery使用datatables实现表格导出excel cvs

最新推荐文章于 2022-04-28 15:37:29 发布

jiahua_zhang

最新推荐文章于 2022-04-28 15:37:29 发布

阅读量3.1k

点赞数

分类专栏：爬行阶段文章标签： jQuery

本文链接：https://blog.youkuaiyun.com/jiahua_zhang/article/details/88994590

版权

本文介绍了如何使用jQuery插件DataTables来实现表格数据的导出功能，包括Excel和CSV格式。通过SpringBoot创建一个简单的Demo工程，配置相关属性，编写Controller并构建HTML页面，结合DataTables的JS和CSS引入，即可实现表格数据的便捷导出。需要注意的是，PDF导出目前不支持中文。

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

官网:https://datatables.net/

拓展配置地址:https://datatables.net/download/

在官网可以自己diy样式,这个自由发挥

编程学习英文很重要,一定要逼着自己学好英文,官网上例子写的很清楚,写一写自己做的一个demo

1.https://start.spring.io/ springboot简单生成一个demo工程,maven+tomcat+thymeleaf

2.application.properties配置

# 定位模板的目录
spring.mvc.view.prefix=classpath:/templates/
# 给返回的页面添加后缀名
spring.mvc.view.suffix=.html

spring.thymeleaf.cash=false

3.写个简单controller

@Controller
@RequestMapping("/index")
public class IndexController {

    @RequestMapping("/a")
    public String get(){
        return "index";
    }
}

4.创建html文件body写一个table

<div class="row">
    <div class="col-md-12 col-sm-12">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="portlet box blue-hoki">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-list"></i>数据列表
                </div>
                <div class="tools">
                </div>
            </div>
            <div class="portlet-body">
                <table

最低0.47元/天解锁文章