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前端效果展示的童鞋现在有福了!!

Excel Interactive View - 让页面表格的功能更强大的更多相关文章

  1. pandas的筛选功能,跟excel的筛选功能类似,但是功能更强大。

    Select rows from a DataFrame based on values in a column -pandas 筛选 https://stackoverflow.com/questi ...

  2. 功能更强大的格式化工具类 FormatUtils.java

    package com.util; import java.text.DecimalFormat; import java.text.ParseException; import java.text. ...

  3. 让Docker功能更强大的10个开源工具

    让Docker功能更强大的10个开源工具 更好的管理.Web前端程序.更深入地了解容器应用程序,Docker生态系统正在迅速发展,这还得归功于其充满活力的开源社区. 软件项目的成功常常根据其催生的生态 ...

  4. 发一个比trace功能更强大debug工具,MonterDebugger

    经常看到兄弟说trace不出东西啊,这样给你调试会带来很多不便:加入说我们需要将运行时的debug信息和之前某个版本的进行比对:又加入说我们需要在运行时通过debug动态调整显示对象的属性:查看当前整 ...

  5. Excel催化剂开源第24波-较VBA更强大的.Net环境的正则表达式

    在VBA上可以调用正则表达式库,从而编写正则表达式自定义函数,这个相信不少VBA开发者已经熟知,但VBA的VBScript正则表达式库毕竟是一个过时的产品,不像.Net那样是与时俱进的,所以两者实现出 ...

  6. 一个比 Nginx 功能更强大的 Web 服务器

    公众号关注 「开源Linux」 回复「学习」,有我为您特别筛选的学习资料~ Caddy 简介 Caddy 是一个 Go 编写的 Web 服务器,类似于 Nginx,Caddy 提供了更加强大的功能,随 ...

  7. 让ecshop编辑器功能更强大

    ecshop后台的商品编辑和文章编辑使用的是FCKEDITOR 编辑器, 这个FCKEDITOR的工具条(toolbar)是可以自定义的,ECSHOP默认使用的是 normal ,属于中档功能, 下面 ...

  8. 比 Navicat 还要好用、功能更强大的工具!

    DBeaver 是一个基于 Java 开发,免费开源的通用数据库管理和开发工具,使用非常友好的 ASL 协议.可以通过官方网站或者 Github 进行下载. 由于 DBeaver 基于 Java 开发 ...

  9. C++ folly库解读(三)Synchronized —— 比std::lock_guard/std::unique_lock更易用、功能更强大的同步机制

    目录 传统同步方案的缺点 folly/Synchronized.h 简单使用 Synchronized的模板参数 withLock()/withRLock()/withWLock() -- 更易用的加 ...

随机推荐

  1. php 乱码解决

    1)首先确定你的终端编码,如果你不知道如何确定,分别执行这两段代码,看看哪个能输出中文. PHP code   ? 1 echo pack("H12","E4B8ADE6 ...

  2. eclipse 配置scala开发环境

    最近在学习spark相关知识.准备搭建eclipse开发环境.在安装过程中遇到的问题记录下来. 首先在scala网站上下载了scalaIDE:http://scala-ide.org/download ...

  3. 如何用Jquery实现 ,比如点击图片之后 ,该图片变成向下的箭头,再点击向下箭头的图片 又变成原始图片呢

    <!DOCTYPE html><html><head><meta charset="utf-8" /><title>切换 ...

  4. unity3d - new 不出的单例

    可能习惯了写单例的朋友,或者常规的单例模式 会这样做 private static Single instance; public static Single Instance(){ if (inst ...

  5. ajax 调用 JSON.parse();

    $.ajax({           type : "POST",           data:{            createStartTime:createStartT ...

  6. JavaScript parseInt() toString()函数

    parseInt(string, radix) string:必需.要被解析的字符串 radix:可选.表示要解析的数字的基数.该值介于 2 ~ 36 之间. 如果省略该参数或其值为 0,则数字将以 ...

  7. sed初学

    1.连接多个sed命令,使用;号 2.批量修改文本中匹配到相应字符串的行 例如,将文本中log_server_port = "12345" 的12345修改成变量中存储的值 sed ...

  8. Sql Server 简单查询 异步服务器更新语句

    //结构:select 子句 [into 子句] from 子句  [where 子句] [group by 子句]  [having 子句] [order by 子句] select  dept_c ...

  9. 1034. Head of a Gang (30)

    分析: 考察并查集,注意中间合并时的时间的合并和人数的合并. #include <iostream> #include <stdio.h> #include <algor ...

  10. 图片大小的模式UIViewContentMode