【问题标题】:how to display excel sheet in html page如何在html页面中显示excel表格
【发布时间】:2012-03-29 12:07:36
【问题描述】:

我想用纯 HTML 显示嵌入在 IE 中的 EXCEL 工作表。我已经解决了有关 stackoverflow 的其他问题,但找不到任何有用的问题。

这是我的 html 文件

<html>
<body>
<object  width = 900 height = 500 id = "excel"  data="Issues Identified.xlsx" classid = "clsid:0002E55a-0000-0000-C000-000000000046" VIEWASTEXT  >
<param name="DisplayTitleBar" value=true />
<param name="DataType" value="CSVURL"/>
<param name="AutoFit" value="0"/>
<param name="DisplayColHeaders" value="1"/>
<param name="DisplayGridlines" value="1"/>
<param name="DisplayHorizontalScrollBar" value="1"/>
<param name="DisplayRowHeaders" value="1"/>
<param name="DisplayTitleBar" value="1"/>
<param name="DisplayToolbar" value="1"/>
<param name="DisplayVerticalScrollBar" value="1"/>
<param name="EnableAutoCalculate" value="0"/>
<param name="EnableEvents" value="0"/>
<param name="MoveAfterReturn" value="1"/>
<param name="MoveAfterReturnDirection" value="0"/>
<param name="RightToLeft" value="0"/>
</object>
</body>
</html>

不幸的是,我无法控制生成的 excel 文件。如果我可以控制 excel 文件,我可以将它们保存为网页并包含在浏览器中。现在我怀疑是否可以通过上述代码直接在网络浏览器中嵌入 excel 工作表。网上有很多链接,但没有找到直接将excel表加载到浏览器中的链接。那里的那些是使用 javascript 来生成图表,而不是显示已经存在的 excel 表。

当我尝试通过上述代码加载 Excel 工作表时。我得到以下屏幕

当我使用 IFRAME 时,Excel 表不显示为嵌入文件,而是提示下载或打开。我希望它嵌入在 Internet Explorer 中打开。

非常感谢任何帮助。

谢谢

【问题讨论】:

  • 我很高兴知道为什么这个问题被标记了三次。
  • 如果我没看错您的问题,您只想将 Excel 工作表转换为 HTML,以便在网站上显示。试试export table to outlook from excel that is blackberry friendly,这似乎与您的问题相似。
  • 实际上它被投了 3 次,投了 1 次。也许是因为您似乎在要求代码而没有付出太多努力?或者可能是因为您没有解释您发布的代码有什么问题或者您是否需要交互性?或者可能是因为当您搜索“在网页上嵌入电子表格”时,搜索结果的第一页上已经出现了几个有用的教程?
  • 这可能会有所帮助calvert.ch/maurice/2012/01/13/…

标签: html excel


【解决方案1】:

来自here,您可以轻松地将您的 excelsheet 数据转换为 html 视图

【讨论】:

    【解决方案2】:

    如果您正在创建链接&lt;a href='file.htm'&gt;link name&lt;/a&gt; 或放置 iframe 标记,它将在网络上显示 excel 数据,但您无法对其进行更改。

    每次您在 Excel 工作表中进行更改时,您都必须使用相同的名称再次保存,以便替换文件并显示结果。 &lt;a&gt; 标签文件扩展名应该是.htm

    【讨论】:

      【解决方案3】:

      也许您可以尝试通过网络发送带有正确 Content-Type 标头的文件,并且标头如下:

      Content-Disposition: inline; filename="xxx.xxx"
      

      这里是关于这些标头的讨论:How to force files to open in browser instead of download (pdf)?

      或者只是在谷歌上搜索内容处置。

      【讨论】:

        【解决方案4】:

        您可以使用iPushPull 将实时数据直接从 Excel 会话推送到 Web,您可以在 IFRAME 中显示它(或使用 WordPress 插件,如果适用)。每当工作表上的数据更新时,框架中的数据就会更新。

        iPush(...) in-cell function 将数据从 Excel 推送到网络。

        This support page 介绍如何将 Excel 数据嵌入您的网站。

        免责声明 - 我为 iPushPull 工作。

        【讨论】:

          【解决方案5】:

          Office 365 和 OneDrive 提供嵌入功能。然后,您可以通过 IFrame 包含。

          我发现将 iframe 的高度和宽度设置为 100% 效果最好。这样就可以在 ipad 或任何适合屏幕的设备上使用。

          <body style="margin:0px;padding:0px;overflow:hidden">
              <iframe src="embed url" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>
          </body>
          

          【讨论】:

            【解决方案6】:

            请注意,Office Web Components 已失效,请参阅does-office-xp-web-components-compatable-with-windows-7。出于安全原因,OWC 从 XP 起已停止使用。

            从那时起,直到最近,Microsoft 才将 Excel Web App 作为替代方案(恕我直言,这是一个糟糕的替代方案)

            附带说明:Microsoft 也弃用了相反的方法,即将 webbrowser 控件嵌入到 Excel 工作表中,请参阅 adding-web-browser-control-to-excel-2013。 作为替代方案,Microsoft 提供 Office 应用程序(在连接 Excel 和 IE 方面非常有限的替代方案)

            【讨论】:

              【解决方案7】:

              将您的文件上传到 Skydrive,然后右键单击并选择“嵌入”。他们将提供 iframe sn-p,您可以将其粘贴到您的 html 中。这完美无缺。

              来源:Office.com

              【讨论】:

              • 不超过 5Mb :(
              • 无法运行宏。
              【解决方案8】:

              根据您是否希望它自动更新,您可以将 Excel 电子表格保存为 PDF,然后将 PDF 作为对象嵌入 -

              您似乎没有此浏览器的 PDF 插件,但您可以 click here to download the PDF file.

              这是我找到的最好的上传方式。

              【讨论】:

              • 也许这没什么用,因为作者说他想上传纯 HTML...
              【解决方案9】:

              和你一样,我无法让 MS Office Web Components 工作。我不会考虑谷歌文档,因为谷歌似乎认为他们拥有通过他们手中的任何东西。我尝试过 MS Publish Objects,但生成的 html/css 的质量真的很糟糕。

              将 Excel 工作表转换为可在智能手机上正确显示的 html 的秘诀是创建干净、精简的 html/css。

              HTML的结构是:

              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
                        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
                <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
                  HEAD
                </head>
                <body>
                  BODY
                </body>
              </html>
              

              有一些有用的 html 元素可以替换“HEAD”,但我不清楚如何从 Excel 工作表生成它们。它们需要单独添加。

              工作表或范围的明显输出是 html 表格,因此以下假设 BODY 将被 html 表格替换。

              一个html表的结构是:

              <table TABLE-ATTRIBUTES>
                <tr TABLE-ROW-ATTRIBUTES>
                  <td TABLE-CELL-ATTRIBUTES>CELL-VALUE</td>
                  More <td>...</td> elements as necessary
                </tr>
                More <tr>...</tr> as necessary
              </table>  
              

              包含尽可能少的 TABLE-ATTRIBUTES、TABLE-ROW-ATTRIBUTES 和 TABLE-CELL-ATTRIBUTES。不要以像素为单位设置列宽。使用 css 属性而不是 html 属性。

              值得考虑的表属性是style = "border-collapse: collapse;"。默认值为separate,每个单元格周围有一个间隙。使用collapse 时,单元格的接触方式与使用 Excel 时一样。

              值得考虑的三个表属性是style="background-color:aliceblue;"、style="color:#0000FF;"和style="text-align:right;"。使用第一个,您可以将背景颜色指定为五十种左右命名的 html 颜色中的任何一种。使用第二个,您可以将字体颜色指定为 256*256*256 中的任何一种颜色。使用第三个,您可以右对齐数值。

              以上内容仅涵盖可以从 Excel 转换为 html/css 的一小部分格式信息。我正在开发一个加载项,它将尽可能多地转换 Excel 格式,但我希望以上内容可以帮助任何有简单要求的人。

              【讨论】:

                【解决方案10】:

                您可以将其上传到 Google 文档中,并在此处嵌入 Google 电子表格:http://support.google.com/docs/bin/answer.py?hl=en&answer=55244

                【讨论】:

                • 我不希望将我的文档添加到谷歌文档中以使其在 IE 上显示。
                • 这是一种通过 HTML 发布交互式电子表格的跨浏览器方式。它不依赖于访问者计算机上存在的专有软件。
                • 我不想将文档发布到外界。我正在寻找发布 Intranet 站点的文档。如果您能帮助我找出标签出了什么问题,而不是指定一些不相关的解决方案,我将不胜感激。
                • 这也可能无法满足您的需求,因为它依赖于您的 Intranet 外部的服务,但这里有一篇关于将 excel 文件发布到网页的 Microsoft 文章:office.microsoft.com/en-us/web-apps-help/…
                【解决方案11】:

                试试这个吧...

                <iframe src="Tmp.XLS" width="100%" height="500"></iframe>
                

                但是你不能保存你所做的更改...它仅用于显示目的..

                【讨论】:

                • @coolcake : 好的..那么其他可能的方法是使用谷歌文档或者你可以参考这个链接它会帮助你......labnol.blogspot.in/2006/09/…
                • 感谢您的建议 JP。对我来说,我不知道为什么,但它提示下载或打开而不是显示为嵌入式组件。
                • 也提示我下载
                猜你喜欢
                • 1970-01-01
                • 1970-01-01
                • 1970-01-01
                • 1970-01-01
                • 1970-01-01
                • 1970-01-01
                • 2023-04-01
                • 2015-02-06
                • 1970-01-01
                相关资源
                最近更新 更多