如何在 Dash 应用程序上嵌入和显示 Google 表格(不包括菜单和工具栏)?

问题描述 投票:0回答:3

我的目标是仅显示工作表的第一个选项卡并隐藏编辑工具栏。

我发现一些来源通过在 URL 末尾添加

&rm=minimal&single=true&
来实现此目标,但这没有效果。

这可能吗?

from dash import Dash, html

app = Dash(__name__)

app.layout = html.Div(
    html.Iframe(
        src='https://docs.google.com/spreadsheets/d/1d6BI55rBT83TX12GXFc8uRYt1ztsBeKqS-X5h1bI_BI/edit?usp=sharing?&rm=minimal&single=true&',
        width='1000px',
        height='500px'
    ),
)

if __name__ == "__main__":
    app.run_server(debug=True)

Google 表格链接

python google-sheets embed plotly-dash
3个回答
0
投票

我过去通过添加一些 CSS 来约束视图来完成此操作。

  .container {
  overflow:hidden;
  display: flex;
  justify-content: left;
  height: 892px;
  width: 1217px;
   
}
.right-col iframe {
  position: absolute;
  height: 892px;
  width: 1217px;
  clip:rect(155px,1200px,800px,52px)
  
}

这是一个示例


0
投票

希望这是您想要实现的目标。试试这个链接 - https://codepen.io/vignesh-subash/pen/zYRqGod

我已经完成了 HTML 代码

<iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vTaN8rCDgY5AGNw0BMh3u4DPbM6ZkeHo4AwTn2whDpnKcvKzcq0uvIVpYKId9zj5avBHsyr01RLqTOA/pubhtml?gid=0&amp;range=A1:B18&amp;single=true&amp;widget=true&amp;headers=false"></iframe>

您可以按照以下步骤实现此目的。

  1. 在 Google 表格中打开文件。
  2. 在顶部,单击“文件”,然后单击“共享”,然后单击“发布到网络”。
  3. 在出现的窗口中,单击“嵌入”。
  4. 点击发布。
  5. 复制文本框中的代码并将其粘贴到您的网站或博客中。
  6. 要显示或隐藏电子表格的部分内容,请在您的网站上编辑 HTML 或博客。
  • gid=:工作表 ID。
  • range=:发布到网络的行和列。例如, A1:B18.
  • widget=:对或错。如果为 true,工作表选项卡将显示在底部。
  • headers=:正确或错误。如果为 true,则行号和列字母为 显示。
  • chrome=:对或错。如果为 true,则显示标题和页脚。

0
投票

选项1

您可以通过在 URL 末尾添加

/preview
来切换到预览模式。例如:

https://docs.google.com/spreadsheets/d/1d6BI55rBT83TX12GXFc8uRYt1ztsBeKqS-X5h1bI_BI/preview

选项2

如果您还需要可编辑电子表格,则可以在 URL 末尾添加

/edit?rm=minimal
。例如:

https://docs.google.com/spreadsheets/d/1d6BI55rBT83TX12GXFc8uRYt1ztsBeKqS-X5h1bI_BI/edit?rm=minimal

© www.soinside.com 2019 - 2024. All rights reserved.