查看: 12056|回复: 10
WORD中设置页码时如何使目录不显示页码！
阅读权限20
在线时间 小时
WORD中设置页码时如何使目录不显示页码！感谢！~
阅读权限20
在线时间 小时
目录与正文之间分节，正文目录从1开始
阅读权限20
在线时间 小时
分节，设置页眉页脚，其中的设置页码格式中，选择页码起始页为1，不要选择续前节。
(14.3 KB, 下载次数: 157)
16:34 上传
阅读权限20
在线时间 小时
回复 3楼 rzcpa 的帖子
试了不行呀，是不是别的地方还要设置呀！
阅读权限20
在线时间 小时
分节→在页眉页脚设置中点击“链接到前一个”将“与上一节相同”去掉→按照3楼的方法设置→插入页码
阅读权限20
在线时间 小时
& & & & & & & &
回复 5楼 绿竹清茶 的帖子
::L 不好意思，还是不行呀。
阅读权限10
在线时间 小时
回复 6楼 苦咖啡！ 的帖子
这样还不行，那只能是你操作的问题了，方法确实是这样：分节，断开链接到前一个，重新添加页码
阅读权限10
在线时间 小时
应该先清除掉目录的页码，然后再先链接到前一个吧。
阅读权限20
在线时间 小时
& & & & & & & &
回复 7楼 pyk21803 的帖子
哦，可能是我操作的不对，我再研究一下吧，不好意思，非常感谢！：）
阅读权限20
在线时间 小时
不难，在正文前面插入—分节符，然后取消链接到上一节。再插入页码就可以了。
最新热点 /1
当当ExcelHome畅销书每满100-50元，此外，当当特为EH粉丝提供了一批满99减10的优惠券，满减后订单满99元仍可用优惠码再减10元，相当于满200减110 元。优惠码：R74F1H （区分大小写）， 数量：仅限1000张。
活动时间：即日起至6月20日，机会不容错过！
玩命加载中，请稍候
玩命加载中，请稍候
Powered by
本论坛言论纯属发表者个人意见，任何违反国家相关法律的言论，本站将协助国家相关部门追究发言者责任！ & & 本站特聘法律顾问：徐怀玉律师 李志群律师22:31 提问
Jquery tableExport.js 导出excel 样式问题
最近在使用这个插件做报表，导出excel,发现导出的excel没有边框，请问大神如何解决？？？
按赞数排序
看下文档啊，官方文档里面应该有写吧？
这个插件我也用过，很多浏览器不是兼容的，我是参考这个链接做的，
准确详细的回答，更有利于被提问者采纳，从而获得C币。复制、灌水、广告等回答会被删除，是时候展现真正的技术了！
其他相关推荐前言：前面介绍了两篇关于bootstrap table的基础用法，这章我们继续来看看它比较常用的一些功能，来个终结篇吧，毛爷爷告诉我们做事要有始有终~~bootstrap table这东西要想所有功能覆盖似乎不太现实，博主挑选了一些自认为比较常用的功能在此分享给各位园友。源码也在这篇统一给出。好了，不多说废话，开始我们的干货之旅吧。
bootstrap table系列：
一、效果展示
1、表格行样式
&比如我们有一个显示订单页面的需求，不同状态的订单显示不同的颜色，如图：
2、表格行内编辑
第一篇的时候有园友就问过博主是否可以支持行内编辑的效果，答案是肯定的。我们先来看看效果：
点击某个单元格数据
编辑后完成后
3、表格行列合并
关于行列合并的需求博主觉得是非常常见的，尤其是做页面报表的时候需要用到。先来看看效果：
当前页显示不全，点击进入看看。怎么样？效果还不错吧。
4、表格数据导出
&关于表格数据导出，bootstrap table支持三种模式的导出：basic、all、selected。也就是当前页数据导出、所有数据导出、选中数据导出。并且支持导出多种类型的文件，比如常见的excel、xml、json等格式。
导出当前页到excel
导出表格所有数据
导出选中行数据
&至于其他类型的文件的导出，和excel基本相同，就不做效果展示了。
二、表格行样式代码示例
&关于表格行的样式设置，其他是它一个最基础的功能，为什么要把它放在第三篇？是因为博主觉得这功能可能到处都用得着。当然，效果并不难，自己用jQuery设置tr的背景色也可以实现，但是博主觉得，既然bootstrap table提供了机制设置行的背景色，我们何不用它内置的api呢。我们看看如何实现。
初始化表格的时候
　　　　 //初始化Table
$('#tb_order').bootstrapTable({
url: '/TableStyle/GetOrder',
//请求后台的URL（*）
method: 'get',
//请求方式（*）
//toolbar: '#toolbar',
//工具按钮用哪个容器
striped: true,
//是否显示行间隔色
cache: false,
//是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
pagination: true,
//是否显示分页（*）
sortable: false,
//是否启用排序
sortOrder: "asc",
//排序方式
queryParams: oTableInit.queryParams,//传递参数（*）
sidePagination: "server",
//分页方式：client客户端分页，server服务端分页（*）
pageNumber: 1,
//初始化加载第一页，默认第一页
pageSize: 10,
//每页的记录行数（*）
pageList: [10, 25, 50, 100],
//可供选择的每页的行数（*）
search: true,
//是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
strictSearch: true,
showColumns: true,
//是否显示所有的列
showRefresh: true,
//是否显示刷新按钮
minimumCountColumns: 2,
//最少允许的列数
clickToSelect: true,
//是否启用点击选中行
height: 500,
//行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
uniqueId: "ID",
//每一行的唯一标识，一般为主键列
showToggle: true,
//是否显示详细视图和列表视图的切换按钮
cardView: false,
//是否显示详细视图
detailView: false,
//是否显示父子表
rowStyle: function (row, index) {
//这里有5个取值代表5中颜色['active', 'success', 'info', 'warning', 'danger'];
var strclass = "";
if (row.ORDER_STATUS == "待排产") {
strclass = 'success';//还有一个active
else if (row.ORDER_STATUS == "已删除") {
strclass = 'danger';
return {};
return { classes: strclass }
columns: [{
checkbox: true
field: 'ORDER_NO',
title: '订单编号'
field: 'ORDER_TYPE',
title: '订单类型'
field: 'ORDER_STATUS',
title: '订单状态'
field: 'REMARK',
title: '备注'
其实重点就在这个参数里面：
　　　　　　　rowStyle: function (row, index) {
//这里有5个取值代表5中颜色['active', 'success', 'info', 'warning', 'danger'];
var strclass = "";
if (row.ORDER_STATUS == "待排产") {
strclass = 'success';//还有一个active
else if (row.ORDER_STATUS == "已删除") {
strclass = 'danger';
return {};
return { classes: strclass }
bootstrap table支持5中表格的行背景色，分别是'active', 'success', 'info', 'warning', 'danger'这五种，至于每种对应的背景颜色，将代码运行起来就可看到。关于这个方法的返回值，博主第一次用的时候也研究了好久，按照bootstrap table的规则，必须返回一个json格式的对象型如：&{ classes: strclass } 。
三、表格行内编辑代码示例
&关于表格行内编辑，需要使用bootstrap table扩展的几个js文件。
1、引入额外的js文件
&link rel="stylesheet" href="//rawgit.com/vitalets/x-editable/master/dist/bootstrap3-editable/css/bootstrap-editable.css"&
&script src="//rawgit.com/vitalets/x-editable/master/dist/bootstrap3-editable/js/bootstrap-editable.js"&&/script&
&script src="~/Content/bootstrap-table/extensions/editable/bootstrap-table-editable.js"&&/script&
2、在cshtml页面定义表格时，添加两个属性
&table id="tb_departments"&
&th data-field="Name" data-editable="true"&部门名称&/th&
&th data-field="ParentName"&上级部门&/th&
&th data-field="Level" data-editable="true"&部门级别&/th&
&th data-field="Desc" data-editable="true"&描述&/th&
如果是在js里面初始化，写法如下：
field: "name",
title: "名称",
editable:true
3、在js里面初始化表格的时候注册编辑保存的事件
$('#tb_departments').bootstrapTable({
url: '/Editable/GetDepartment',
//请求后台的URL（*）
method: 'get',
//请求方式（*）
toolbar: '#toolbar',
//工具按钮用哪个容器
striped: true,
//是否显示行间隔色
cache: false,
//是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
pagination: true,
//是否显示分页（*）
sortable: false,
//是否启用排序
sortOrder: "asc",
//排序方式
queryParams: oTableInit.queryParams,//传递参数（*）
sidePagination: "server",
//分页方式：client客户端分页，server服务端分页（*）
pageNumber: 1,
//初始化加载第一页，默认第一页
pageSize: 10,
//每页的记录行数（*）
onEditableSave: function (field, row, oldValue, $el) {
type: "post",
url: "/Editable/Edit",
data: { strJson: JSON.stringify(row) },
success: function (data, status) {
if (status == "success") {
alert("编辑成功");
error: function () {
alert("Error");
complete: function () {
重点还是看看这个事件的处理方法
　　　　　　　onEditableSave: function (field, row, oldValue, $el) {
type: "post",
url: "/Editable/Edit",
data: { strJson: JSON.stringify(row) },
success: function (data, status) {
if (status == "success") {
alert("编辑成功");
error: function () {
alert("Error");
complete: function () {
对应的方法里面需要自己处理保存的逻辑。四个参数field, row, oldValue, $el分别对应着当前列的名称、当前行数据对象、更新前的值、编辑的当前单元格的jQuery对象。
四、表格行列合并代码示例
&表格的行列合并功能不用引用其他的js文件，只需要在cshtml页面使用table的colspan和rowspan即可实现。
1、cshtml页面
&table id="tb_report"&
&th colspan="4" data-valign="middle" data-align="center"&第一季度&/th&
&th colspan="4" data-valign="middle" data-align="center"&第二季度&/th&
&th colspan="4" data-valign="middle" data-align="center"&第三季度&/th&
&th colspan="4" data-valign="middle" data-align="center"&第四季度&/th&
&th data-field="TotalCount" rowspan="2" data-valign="middle" data-align="center"&年度汇总&/th&
&th data-field="JanCount" data-align="center"&一月&/th&
&th data-field="FebCount" data-align="center"&二月&/th&
&th data-field="MarCount" data-align="center"&三月&/th&
&th data-field="FirstQuarter" data-align="center"&第一季度&/th&
&th data-field="AprCount" data-align="center"&四月&/th&
&th data-field="MayCount" data-align="center"&五月&/th&
&th data-field="JunCount" data-align="center"&六月&/th&
&th data-field="SecondQuarter" data-align="center"&第二季度&/th&
&th data-field="JulCount" data-align="center"&七月&/th&
&th data-field="AguCount" data-align="center"&八月&/th&
&th data-field="SepCount" data-align="center"&九月&/th&
&th data-field="ThirdQuarter" data-align="center"&第三季度&/th&
&th data-field="OctCount" data-align="center"&十月&/th&
&th data-field="NovCount" data-align="center"&十一月&/th&
&th data-field="DecCount" data-align="center"&十二月&/th&
&th data-field="ForthQuarter" data-align="center"&第四季度&/th&
2、js初始化并无特殊
$('#tb_report').bootstrapTable({
url: '/GroupColumns/GetReport',
//请求后台的URL（*）
method: 'get',
//请求方式（*）
toolbar: '#toolbar',
//工具按钮用哪个容器
striped: true,
//是否显示行间隔色
cache: false,
//是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
pagination: true,
//是否显示分页（*）
sortOrder: "asc",
//排序方式
queryParams: oTableInit.queryParams,//传递参数（*）
sidePagination: "server",
//分页方式：client客户端分页，server服务端分页（*）
pageNumber: 1,
//初始化加载第一页，默认第一页
pageSize: 10,
//每页的记录行数（*）
pageList: [10, 25, 50, 100],
//可供选择的每页的行数（*）
怎么样，有没有很简单。当然，有人说了，你都可以不用js初始化，直接在cshtml里面用table的属性去设置url、分页等信息。确实，如果我们看过它的api，会发现它初始化的每一个属性都对应一个table的属性。型如
如果你的表格没有一些特殊的事件需要处理，这样是完全没有问题的。
五、表格数据导出代码示例
&表格数据的导出功能也需要一些扩展的js支持。
1、引入额外的js文件
&script src="~/Content/bootstrap-table/extensions/export/bootstrap-table-export.js"&&/script&
&script src="//rawgit.com/hhurz/tableExport.jquery.plugin/master/tableExport.js"&&/script&
2、js初始化的时候
　　　　　$('#tb_departments').bootstrapTable({
url: '/Export/GetDepartment',
//请求后台的URL（*）
method: 'get',
//请求方式（*）
toolbar: '#toolbar',
//工具按钮用哪个容器
striped: true,
//是否显示行间隔色
cache: false,
//是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
pagination: true,
//是否显示分页（*）
sortable: false,
//是否启用排序
sortOrder: "asc",
//排序方式
queryParams: oTableInit.queryParams,//传递参数（*）
sidePagination: "client",
//分页方式：client客户端分页，server服务端分页（*）
pageNumber: 1,
//初始化加载第一页，默认第一页
pageSize: 10,
//每页的记录行数（*）
pageList: [10, 25, 50, 100],
//可供选择的每页的行数（*）
clickToSelect:true,
showExport: true,
//是否显示导出
exportDataType: "basic",
//basic', 'all', 'selected'.
columns: [{
checkbox: true
field: 'Name',
title: '部门名称'
field: 'ParentName',
title: '上级部门'
field: 'Level',
title: '部门级别'
field: 'Desc',
title: '描述'
还是来看重点：这两个属性
showExport: true,
//是否显示导出
exportDataType: "basic",
//basic', 'all', 'selected'.
showExport表示是否显示导出的按钮，exportDataType表示导出的模式是当前页、所有数据还是选中数据。
以上就是功能的效果以及实现的简单代码。博主发现有几个问题有待解决。
1、行内编辑的功能是每一个单元格提交到后台，这样会造成数据库的频繁操作，感觉不太合适。不知道有没有更好的方式，每行提交到后台。
2、导出的功能虽然很好用，但是遗憾的是不支持IE浏览器，博主试过官网上面的example，好像IE也导出不了。待验证。
源码提供出来，园友们有兴趣可以看看。。
最近打算做点自己的东西出来，将博客里面的一些好的技术融合进去。有项目合作的小伙伴赶快联系博主吧！
本文原创出处：
欢迎各位转载，但是未经作者本人同意，转载文章之后必须在文章页面明显位置给出作者和原文连接，否则保留追究法律责任的权利！
阅读(...) 评论()如何将jsp页面的table报表转换到excel报表导出
我的图书馆
如何将jsp页面的table报表转换到excel报表导出
&假设这就是你的jsp页面：&我们会添加一个“导出到excel”的超链接，它会把页面内容导出到excel文件中。那么这个页面会变成这个样子：&&在此，强调一下搜索时关键词的重要性，这样一下子可以定位到文章，否则处于盲人摸象，毫无目的尴尬境地。本篇就是通过export jsp to excel找到的。&原文地址：&本篇教程我们会看到如何把JSP页面导出到Excel中，会在已有的JSP页面中增加导出excel的功能。许多时候对于用户来说，可以在excel中看到页面内容是很方便的。公共的方案会被导出成包含一些报告、数字等信息的表格。通过导出数据导出到excel中，最终用户也可以使用excel来做各种的分析，这一点对于你的java基本程序来实现，是有困难的。&&&&&&&&&& 这是对应的jsp源码（导出excel功能还没有加）。一个包含简单数据表格的jsp页面。&%@ page language="java" contentType="text/ charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%&
&!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&
http-equiv="Content-Type" content="text/ charset=ISO-8859-1"&
&Export to Excel - Demo&
align="center" border="2"&
bgcolor="lightgreen"&
&Text Data&
&Number Data&
for (int i = 0; i & 10; i++) {
bgcolor="lightblue"&
align="center"&&%=i%&&
align="center"&This is text data &%=i%&&
align="center"&&%=i * i%&&
&我们会添加一个“导出到excel”的超链接，它会把页面内容导出到excel文件中。那么这个页面会变成上图。&&&& 下面是新版本的jsp源码。这个版本增加了“导出到excel”超链接，而且增加了相应的功能：&%@ page language="java" contentType="text/ charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%&
&!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&
http-equiv="Content-Type" content="text/ charset=ISO-8859-1"&
&Export to Excel - Demo&
String exportToExcel = request.getParameter("exportToExcel");
if (exportToExcel != null
&& exportToExcel.toString().equalsIgnoreCase("YES")) {
response.setContentType("application/vnd.ms-excel");
response.setHeader("Content-Disposition", " filename="
+ "excel.xls");
align="left" border="2"&
bgcolor="lightgreen"&
&Text Data&
&Number Data&
for (int i = 0; i & 10; i++) {
bgcolor="lightblue"&
align="center"&&%=i + 1%&&
align="center"&This is text data &%=i%&&
align="center"&&%=i * i%&&
&&&&&&&&&&&&&&&
if (exportToExcel == null) {
href="excel.jsp?exportToExcel=YES"&Export to Excel&
&导出网页到excel代码解释：1) 在这个版本的jsp页面中，当你点击“导出到excel”超链接的时候，请求会发送到相同的页面（excel.jsp），但是伴随url参数是 exportToExcel=YES. href="excel.jsp?exportToExcel=YES"&Export to Excel&2) JSP页面一开始会检查参数的正确性。如果这个参数值是YES的话，我们就会看到响应报文中的内容类型，它标识了excel的文件名，并且会在用户的电脑上打开。String exportToExcel = request.getParameter("exportToExcel");
if (exportToExcel != null
&& exportToExcel.toString().equalsIgnoreCase("YES")) {
response.setContentType("application/vnd.ms-excel");
response.setHeader("Content-Disposition", " filename="
+ "excel.xls");
}3) 当你点击“导出到excel”超链接的时候，所有页面的内容会被导出excel中。但是，我们可能不想让“导出到excel”的超链接出现在excel中。为了阻止它的出现，我们增加了一个判断条件，判断exportToExcel参数是否出现。如果出现，就意味着内容会被导出到excel中，而且不包括超链接。反之，就意味着我们只是想浏览器显示网页，那么超链接会出现在页面上。&%
if (exportToExcel == null) {
href="excel.jsp?exportToExcel=YES"&Export to Excel&
%&导出页面到excel的显示但你点击超链接，会弹出一个对话框，问你是否打开或保存文件。点击打开，你会看到下面的内容：正如你所看得，导出的文件也会保存你在页面上的格式设置。在下一篇教程中，我们会看到如何导出页面到word文件中你可以下载本次教程中代码解释部分的eclipse工程文件。&[完]=============================================注意：如果没有设置：response.setHeader("Content-Disposition", " filename=" + filename+".xls");&则默认为当前页面.xls。&比如testexcel.jsp---&则生成testexcel.xls表格&扩展阅读：[1]&&:作者用过jxl之后，选择了http方式生成excel&[2]&：&[3]&&[4]&&[5]&&:一个excel中，存储在多个sheet&参考：&&&&
[转]&[转]&[转]&[转]&[转]&
喜欢该文的人也喜欢一个人久了，害怕孤独却又一个人享受着孤独的滋味，总爱在一个人的时候把自己搞得很悲情，然后放声大哭，像个小孩子一样，在独自欣赏着一种叫做残酷的美。心情瞬息万变，发泄着心里所有的不满。 ...
基于bootstrap table分页数据及行内编辑和导出数据（二）导出数据
同样 导入相应的css和js
&!---注意，导出表格插件只能使用bootstrap-table-export.js此脚本，用bootstrap-table-export.min.js脚本按钮无法加载----&
&script src="~/Content/bootstrap-table-export.js"&&/script&
@*&script src="~/Content/bootstrap-table-export.min.js"&&/script&*@
&script src="//rawgit.com/hhurz/tableExport.jquery.plugin/master/tableExport.js"&&/script&
script部分
$(function () {
//1.初始化Table
var oTable = new TableInit();
oTable.Init();
//2.初始化select的change事件
$("#sel_exportoption").change(function () {
$('#tb_departments').bootstrapTable('refreshOptions', {
exportDataType: $(this).val()
var TableInit = function () {
var oTableInit = new Object();
//初始化Table
oTableInit.Init = function () {
$('#tb_departments').bootstrapTable({
url: '@Url.Action("Export1")',
//请求后台的URL（*）
method: 'get',
//请求方式（*）
toolbar: '#toolbar',
//工具按钮用哪个容器
striped: true,
//是否显示行间隔色
cache: false,
//是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
pagination: true,
//是否显示分页（*）
sortable: false,
//是否启用排序
sortOrder: "asc",
//排序方式
queryParams: oTableInit.queryParams,//传递参数（*）
sidePagination: "server",
//分页方式：client客户端分页，server服务端分页（*）
pageNumber: 1,
//初始化加载第一页，默认第一页
idField: 'id',//标识主键
pageSize: 5,
//每页的记录行数（*）
pageList: [10, 15, 20],
//可供选择的每页的行数（*）
clickToSelect: true,
//到处表格必需设置的属性
showExport: true,
//是否显示导出
exportDataType: "basic",
//basic', 'all', 'selected'.
columns: [{
checkbox: true
field: 'id',
title: '编号'
field: 'pwd',
title: '密码'
field: 'email',
title: '邮箱'
field: 'logintime',
title: '时间'
//得到查询的参数
oTableInit.queryParams = function (params) {
var temp = {
//这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
pagesize: params.limit,
//页面大小
pageindex: params.offset / params.limit + 1,
departmentname: $("#txt_search_departmentname").val(),
statu: $("#txt_search_statu").val()
return oTableI
var ButtonInit = function () {
var oInit = new Object();
var postdata = {};
oInit.Init = function () {
&div id="toolbar" class="btn-group"&
&select id="sel_exportoption" class="form-control"&
&option value=""&导出当前页面数据&/option&
&option value="all"&导出全部数据&/option&
&option value="selected"&导出选中数据&/option&
&table id="tb_departments"&&/table&
注意 ；导出数据不用后台方法，表格导出插件会帮我们完成tableExport.js
没有更多推荐了，
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！