電子郵件的可滾動表(沒有 div) (Scrollable table for e-mails (without a div))


問題描述

電子郵件的可滾動表(沒有 div) (Scrollable table for e‑mails (without a div))

是否可以創建一個內容可垂直滾動的表格(表格為 600x600)?我知道的唯一方法是使用無法用於電子郵件目的的 div。


參考解法

方法 1:

You can achieve above by using css.By mentioning this you can achieve the result overflow‑Y:scroll (for verticle scroll bar)

table{
  overflow‑Y:scroll;
  height:600px;
  }
<table>
  <tr>
  <th>Name</th>
  <th>Age</th>
  <th>EMail</th>
  </tr>
 </table>

方法 2:

I was trying to generate dynamic tables from java code , adding this line of code made the table scrollable inside the email body in Outlook email client.

Embedded Html like so : <div style= 'width:800px; height:400px; overflow:scroll; position:relative;'>

java code looks like :

body.append("<div  style= 'width:800px; height:400px; overflow:scroll; position:relative;'>");
body.append("<table border='1' cellpadding='5' cellspacing='0'>");


(by MuchaZRenuka CEAlferd Nobel)

參考文件

  1. Scrollable table for e‑mails (without a div) (CC BY‑SA 2.5/3.0/4.0)

#html-email #email #css #html






相關問題

Outlook 2007/2010 中的 Vspace (Vspace in Outlook 2007/2010)

Outlook,gmail基本問題(導致代碼) (Outlook, gmail basic issue (caused the code))

Outlook 中的 HTML 電子郵件呈現 - VML (HTML Email Render in Outlook - VML)

Адправіць пошту HTML з дапамогай NAIL? (Send HTML mail with NAIL?)

支持所有郵件服務的 HTML 電子郵件生成 (HTML email generation that supports all mail services)

如何在時事通訊的 html 單元格中均勻分佈內容? (How to evenly distribute content across an html cell for a newsletter?)

發送預先電子郵件的最佳方式 (Best way for sending advance email)

在 Outlook 上隱藏移動表格 (Hide mobile table on outlook)

html emailer改變表格的位置 (html emailer shifting changing the position of tables)

電子郵件的可滾動表(沒有 div) (Scrollable table for e-mails (without a div))

如何在電子郵件中嵌入 Web 表單 (How to embed web form in email)

如何通過電子郵件訪問建立 QuickAssist 鏈接 (How to make a QuickAssist link through email access)







留言討論