那些特殊邊框效果在報表中要怎樣實現?
斜線表頭
單斜線表頭
1. 點選選中要設定斜線邊框的單元格;
2. 點選“報表”選單——邊框設定選項;
點選斜線的邊框按鈕
單元格中輸入內容為
縱向維度名稱,橫向維度名稱
,例如:樣品資訊, 專案資訊;
單元格失去焦點後,我們就可以看到下面的效果:
雙斜線表頭
設定的方法步驟和但斜線表頭一樣,不同的是在單元格中輸入
縱向維度,橫向維度,統計指標名稱
,例如: 樣品資訊, 專案資訊, 統計值。
注意:斜線表頭中輸入的內容中間分隔的逗號使用的是
英文逗號
。
文字下劃線
使用報表工具實現諸如下面的這種承諾函,申請表類的文件,資料動態變化的部分是帶有線的就可以透過設定邊框線的方式實現。
下面具體說下實現方法:
首先選中單元格,然後選擇工具欄中的邊框設定,選擇下邊框線。
預覽報表就能看到單元格下劃線的效果了。
注意:
由於相鄰的單元格共用邊框,即某個單元格的下邊框是其下方相鄰單元格的上邊框,上邊框、左邊框、右邊框也類似。如果某單元格上方的相鄰單元格設定了下邊框,那這個單元格也就設定了上邊框。從邊框的角度看,這是非常的合理的。但是,當我們把下邊框當做下劃線來使用,這就不合理。其不合理之處在於下劃線屬於某個單元格所有,而下邊框屬於相鄰單元格所共有。
這種不合理在處理普通單元格和合並單元格相鄰時,會表現出來。
例如,B2 是個合併格,無論設定 B1 或是 C1 的單元格的下劃線,B2 合併單元格的整個上邊框都會出現上框線,也就是 B1 和 C1 的下框線會被同時設定或同時不設定。這明顯是不合理的,也是不符合需求的。
解決辦法:
解決這個問題的關鍵就是要讓合併格與設定下劃線的單元格分離開來,因此我們可以採用插入一行,並使其高度縮到最小。如圖所示:
插入沒有合併單元格的一行,並將其高度所到最小或高度為 0。這樣,最終顯示到頁面,能達到我們所需要的效果。
環形邊框
如下面這種卡片式的報表,外面增加的邊框,環繞著內容,可以增加報表的立體感。
下面這張報表沒有加邊框設定,多人的資訊混在一起,看著不直觀。我們在這個報表基礎上增加邊框的設定。
1. 在原有報表上下分別插入一行,並且設定行高為 7。
2. 設定第 2 行的上邊框線,將單元格的背景色設定為淡灰色。
瀏覽報表效果:
我們發現只有第一個人帶有設定的邊框線。
1. 前三行的行首格設定左主格為 B4,最後三行的行首格的左主格也設定為 B4。這樣可以讓每個員工的資訊最上面和最下面都有空格。
4. 設定第 13 行的下邊框線以及單元格顏色為淡灰色。
5. 在表格的最前面插入一列,在表格最後追加一列。
選中 A2~A13 單元格,設定它的左邊框線,單元格顏色淡灰色,以及左主格為 C4。
選中 I2~I13 單元格,設定它的右邊框線,單元格顏色為淺灰色,左主格同樣設定為 C4.
經過以上設定我們就完成了環形邊框的設定。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69900830/viewspace-2684344/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 如何實現特殊的邊框樣式
- 報表中怎樣實現滾動的公告效果
- CSS3實現多樣的邊框效果CSSS3
- 怎樣實現填報表定時提交
- CSS實現流動邊框CSS
- web 報表專案中想嵌入地圖?用什麼工具實現?怎樣實現?Web地圖
- 怎麼實現移動端的邊框0.5px?
- 怎樣實現動態列報表,也就是列數不固定的報表?
- 皕傑報表實現下拉框聯動
- 1px 邊框的實現方法
- Adorner實現邊框線條動畫動畫
- 實現彈框的樣式
- 如何實現css漸變圓角邊框CSS
- 年初那些說要數字化轉型的IDC,現在都怎麼樣了
- Winfrom中怎樣可以做到這樣的彈框效果
- 移動端實現1px的邊框
- 怎樣開發 T+0 實時報表
- 小程式中button的邊框無法去除 button邊框如何去除
- 【基礎】CSS實現多重邊框的5種方式CSS
- CSS 實現仿 Windows10 滑鼠照亮邊框效果CSSWindows
- CSS 邊框陰影立體邊框CSS
- 毛玻璃效果在Android的實現Android
- css實現四種常見邊框內外角組合CSS
- 移動端H5 實現0.5px邊框H5
- 巧用 CSS 實現炫彩三角邊框動畫CSS動畫
- 小視訊原始碼,CSS 實現半透明邊框效果原始碼CSS
- 影片直播原始碼,CSS 修改捲軸樣式、信封邊框樣式原始碼CSS
- CSS實現漸變色邊框(Gradient borders)的5種方法CSS
- canvas 中普通動效與粒子動效的實現Canvas
- 怎樣在報表中新增文字水印
- 如何保證經營報表資料實效性、多樣性、準確性:用Dataphin我實現了自動化建模
- 直播平臺原始碼,CSS 修改捲軸樣式、信封邊框樣式原始碼CSS
- 那些與耐克“作對”的品牌現在怎麼樣了
- 利用SVG和css3實現炫酷的邊框動畫SVGCSSS3動畫
- 強大的CSS :實現仿 Windows10 滑鼠照亮邊框效果CSSWindows
- div+css實現邊框緊貼瀏覽器四周CSS瀏覽器
- 小影片軟體開發,實現一個CSS邊框動畫CSS動畫
- backdrop-filter(純CSS實現絲滑邊框線條動畫)FilterCSS動畫