MS Office Excel Services提供了一个非常强大的功能,允许你只需要在页面上添加非常少量的JS references,就可以让你在页面上将表格的内容以Excel图表的方式呈现。这里是MSDN对Excel Interactive View功能的介绍:

  Excel Interactive View是一项新技术,它由Excel Services提供一个功能强大的服务,能将页面上的HTML表格即时生成Excel视图,并同时提供一些页面交互功能。

  这里是MSDN地址:http://msdn.microsoft.com/library/office/jj163261(v=office.15)

  废话不多说,先看看实际效果吧!

Rank Movie Wknd Gross Wks
1 The Hunger Games $58.6M $248M 2
2 Wrath of the Titans $33.50M $33.50M 1
3 Mirror Mirror $18.1M $18.1M 1
4 21 Jump Street $14.8M $92.9M 3
5 Dr. Seuss' The Lorax $7.78M $189M 5
6 John Carter $2.03M $66.2M 4
7 Salmon Fishing in the Yemen $1.27M $3.17M 4
8 Act of Valor $1M $67.7M 6
9 A Thousand Words $.903M $16.5M 4
10 Journey 2 $.810M $98.4M 8
Box office data supplied by and copyright Exhibitor Relations © 2012

  用法很简单,两步足矣!

  1. 将下面的代码copy到你想要添加Excel Interactive View的table之前。注意是在HTML源代码中,直接copy到table前面。

<a href="#" name="MicrosoftExcelButton" data-xl-tableTitle=""  data-xl-buttonStyle="Standard"  data-xl-fileName="Book1"  data-xl-attribution="" ></a>

  2. 将下面的JS reference添加到</body>之前。事实证明不一定非得是</body>之前,任何有效的位置均可。

<script type="text/javascript" src="http://r.office.microsoft.com/r/rlidExcelButton?v=1&kip=1"></script>

  想做Excel前端效果展示的童鞋现在有福了!!

最新文章

  1. 简述抽象和封装,对你学习Java有一些作用
  2. PHP正则表达式替换站点关键字链接后空白的问题解决
  3. centos下搭建lamp环境
  4. LinkedList
  5. [Altera]PLL仿真
  6. svn 在linux 下的一些常用命令
  7. 【java】企业级分布式搜索平台Solr视频教程
  8. jQuery框架分析第一章: 第一个匿名函数
  9. MVC3迁移MVC4相关问题
  10. HDU 5944 暴力
  11. 7 个改变世界的 Java 项目
  12. leetcode 326. Power of Three(不用循环或递归)
  13. 【转】Oracle修改表空间为自动扩展
  14. zTree模糊查询人员姓名:getNodesByParamFuzzy
  15. 用Web抓包分析工具Livepool 实现本地替换开发
  16. VMware12下CentOS 7安装教程
  17. Python自动化培训第一周学习总结
  18. Mysql 了解changeBuffer 与 purge 调优
  19. 有什么学习MySQL的好教程吗?
  20. wildfly 10上使用最新的 Hibernate ORM OGM

热门文章

  1. mysql 更改自动增长字段值的重新设定
  2. 想要隐藏navigationBar,同时又想支持右滑返回功能
  3. js中函数的定义
  4. C# 生成条形码
  5. c语言使用zlib实现文本字符的gzip压缩与gzip解压缩
  6. 一个自己用的代码备份工具,支持delphi,android,java,可以自己添加配置,灵活支持大部分编程语言
  7. XE3随笔11:Merge、Clone、ForcePath
  8. GATK使用说明(一)
  9. [Ng]Angular应用点概览
  10. android 区分wifi是5G还是2.4G