SharePoint Online 開發：修改表格樣式

Blog連接：https://blog.51cto.com/13969817
在開發設計中，若遇到針對網站中的表格樣式作修改，咱們要引導你們不要對錶格格式進行全站點範圍的更改，內置的表格工具爲你提供了豐富的修改顏色、邊框、頁眉、頁腳等。
但我我的認爲，不一樣的表須要在不一樣的場景中有不一樣的外觀，這種狀況下，你能夠對錶體、表頭，錶行從新定義CSS，有靈活性是很是重要的，這在modern體驗中是行不通的，必須在一個經典的web部件頁面使用一個表格，下面我來爲你們介紹一下如何實現的。
如今你將看到一個Page中顯示的了一個表格，你能夠經過功能區中的額外標籤進行設計：

• 設計選項卡來更改一些設置，好比不一樣的頁眉和頁腳或者表格樣式等等。
• 格式文本選項卡有全部基本的文本格式工具，好比加粗字體、或者更改字體顏色

若是你想改變表格中某些方框的背景，你能夠在設計選項卡中風格下拉菜單中選擇任一種風格，好比Light-banded樣式，那麼若是我想使用CSS，該如何來實現呢？

咱們進入Developer Tools頁面，咱們來更改下帶狀顏色，咱們來使用指針識別出帶狀區域，你將看到一個類：OddRow-1，咱們來定義一個rule，使其背景變爲粉色。

在Style 標籤下添加的Rule，示例代碼：

.ms-rteTableOddRow-1 {
background-color: pink !important;
}
若是這是你的官方規則，請複製這個規則到樣式表中，並保存。

返回到網站頁面，刷新一下，所更改的規則仍舊存在，而後咱們再插入一個表格，選擇以前表格的樣式：Light-banded，你將發現保留了剛剛的設置。

說明：若是你想插入表格，或者其餘內容並進入源代碼進行處理，或者修改CSS，那麼這種改動只適用於經典的Web部件風格頁面，新式風格頁面沒有能力進入和編輯HTML。