wordpress外貿建站教程：elementor編輯器插入表格沒有邊框怎么辦？

wordpress建站教程：網站表格插入方法及相關問題匯總

繼續分享wordpress外貿建站教程。有時候我們需要在網站內容中插入表格，這種情況下悅然都建議使用最簡單的方式來，如果使用古騰堡區塊編輯器，大家可以參考我之前分享過和教程。

問題情況

如果你使用的是elementor編輯器，那么在插入表格時可能還是會遇到問題，比如之前有一個客戶的網站插入表格沒有顯示邊框，這樣會有一點影響用戶的閱讀。之所以會出現這個問題一般是和主題CSS預設有關，或者是其它原因，而且這樣的表格一般都是從其它地方復制過來的，比如在excel做好復制過來的。

解決方法

在elementor編輯器中要解決這個問題一般有3種方法

方法一：使用wordpress默認表格CSS

打開表格顯示有問題的頁面，使用elementor編輯。如上圖所示，打開表格所在的模塊，打開【Advanced/高級】選項，然后在【CSS Classes】中填寫【wp-block-table】，這是wordpress中默認的表格樣式預設。

這個方法是最簡單的，但可能會存在一些小問題。比如上圖，表格和其它文字內容顯示在一起的，這樣添加了這個CSS后就會影響整塊內容的顯示樣式，可能會有一點小 BUG。如果使用這個方法，建議把表格單獨拿一個【Text Editor/文本編輯器】模塊來放。

方法二：手動添加CSS樣式

如果方法一不行，同時你也不想把表格單獨放一個模塊，那就看看方法二。我們可以單獨給在該模塊中給表格添加一個CSS樣式，你可以自己寫，或者是直接復制我下面的CSS代碼。

/*下面的1px可以自己修改數字大小，#ddd可以修改為其它顏色值，本行不用復制*/
table td, table th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: inherit;
}

接下來如上圖所示，打開表格所在的模塊，打開【Advanced/高級】選項，拉到最下面，打開【Custom CSS】，然后把上面的代碼粘貼進去就可以了。

方法3：使用插件

除了以上方法，我們還可以使用其它插件來插入表格。比如Essential Addons for Elementor，這是一個elementor增強插件，安裝之后會多出很多額外功能，其中就有一個表格功能，我們可以用它來制作表格，表格的邊框、背景、樣式都可以自己設置。插件的使用就自己安裝測試下吧，這個方法個人不是很推薦。

總結

以上就是elementor編輯器插入表格不顯示邊框這個問題的處理方法，大家根據自己的網站情況選擇適合的就可以了，希望可以幫到您哦。另外再多說一點，表格在網站中的顯示一直都不是特別完美，如果一定要在網站中插入表格，最好是簡化一點，如果是特別復制的表格建議用圖片代替。