wordpress自帶表格不能自適應怎么辦？

wordpress建站效果不用多說，用過的都了說好。但是wordpress建站再好還是難免有一些小問題，比如對很多強迫癥來說，wordpress自帶表格不能自響應這個問題就比較折磨人。

默認情況下wordpress自帶的表樣不能自適應，或者是只能實現部分自適應，主要是有些比較復雜、內容多的表格在手機端顯示不能自適應屏幕，往往需要手動左右滑動才能查看完全。其實可能是wordpress官方為了表格顯示效果而故意這么做的，因為有些表格確實不太適合自適應。

悅然企業網站建設建議大家直接可以直接使用默認的表格，不用在意這個小問題（這也不算問題，這樣的顯示方式主要是為了手機端表格內容的顯示完整），如果你一定要讓表格自適應的話，這里給大家分享兩個方法。

方法一

我們可以直接使用表格代碼來實現自適應效果，代碼如下：

<h3>調整自適應表格</h3>
<div class="table-r">
<table width="100%">
<tbody>
<tr>
<td width="50%">自適應表格</td>
<td width="50%">輸入文字</td>
</tr>
<tr>
<td width="50%">自適應表格</td>
<td width="50%">輸入文字</td>
</tr>
<tr>
<td width="50%">自適應表格</td>
<td width="50%">輸入文字</td>
</tr>
<tr>
<td width="50%">自適應表格</td>
<td width="50%">輸入文字</td>
</tr>
</tbody>
</table>
</div>

我們可以在古騰堡編輯器新建一個html區塊，然后把上面的代碼復制進來，再修改里面的文字內容即可，修改完成之后點HTML區塊的【預覽】即可。

<tr>
    <td width="50%">自適應表格</td>
    <td width="50%">輸入文字</td>
</tr>

如果需要增加行數，可以在上面的代碼添加上面的代碼，要多少行就添加多少個。這種方法只適合一些比較簡單的表格。

方法二

方法一的表格比較簡單，如果你需要使用比較復雜的表格，那么可以使用wordpress插件來實現。這里推薦大家使用TablePress插件，然后再配合它的拓展插件Responsive Tables，這樣就可以完美解決移動端表格的自適應問題了。

方法三

方法三還是使用代碼來實現，這比較適合懶人，操作如下：

1.找一個別人的能夠自適應的表格，然后在瀏覽器按F12查看代碼，復制表格的代碼。

2.在wordpress古騰堡編輯器中添加一個html區塊，粘貼代碼，修改代碼中的文本內容，然后點【預覽】即可。