SharePointOnline開發(fā)：修改表格樣式

Blog鏈接：https://blog.51cto.com/13969817
在開發(fā)設(shè)計中，若遇到針對網(wǎng)站中的表格樣式做修改，我們要引導大家不要對表格格式進行全站點范圍的更改，內(nèi)置的表格工具為你提供了豐富的修改顏色、邊框、頁眉、頁腳等。
但我個人認為，不同的表需要在不同的場景中有不同的外觀，這種情況下，你可以對表體、表頭，表行重新定義CSS，有靈活性是非常重要的，這在modern體驗中是行不通的，必須在一個經(jīng)典的web部件頁面使用一個表格，下面我來為大家介紹一下如何實現(xiàn)的。
現(xiàn)在你將看到一個Page中顯示的了一個表格，你可以通過功能區(qū)中的額外標簽進行設(shè)計：

成都創(chuàng)新互聯(lián)長期為近1000家客戶提供的網(wǎng)站建設(shè)服務，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為貢覺企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、成都做網(wǎng)站，貢覺網(wǎng)站改版等技術(shù)服務。擁有10年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

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

如果你想改變表格中某些方框的背景，你可以在設(shè)計選項卡中風格下拉菜單中選擇任一種風格，比如Light-banded樣式，那么如果我想使用CSS，該如何來實現(xiàn)呢？

我們進入Developer Tools頁面，我們來更改下帶狀顏色，我們來使用指針識別出帶狀區(qū)域，你將看到一個類：OddRow-1，我們來定義一個rule，使其背景變?yōu)榉凵?br/>

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

.ms-rteTableOddRow-1 {
background-color: pink !important;
}
如果這是你的官方規(guī)則，請復制這個規(guī)則到樣式表中，并保存。

返回到網(wǎng)站頁面，刷新一下，所更改的規(guī)則仍舊存在，然后我們再插入一個表格，選擇之前表格的樣式：Light-banded，你將發(fā)現(xiàn)保留了剛剛的設(shè)置。

說明：如果你想插入表格，或者其他內(nèi)容并進入源代碼進行處理，或者修改CSS，那么這種改動只適用于經(jīng)典的Web部件風格頁面，新式風格頁面沒有能力進入和編輯HTML。

文章標題：SharePointOnline開發(fā)：修改表格樣式
當前地址：http://muchs.cn/article0/gdcjoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、電子商務、網(wǎng)站維護、外貿(mào)網(wǎng)站建設(shè)、、云服務器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)