Most of you who apply WordPress would jazz that there is no native way to supply board on your page . Yes , you could use third party plugins likeTablePress , to add tables to WordPress , but it ’s not the most efficient way to do it . Plugins not only slow down your webpage but also rarify the source computer code . Thankfully , there are multiple ways to make mesa in WordPresswithout using a Plugin . Let ’s check them out .
Read : How to impart CSS Box Shadow in WordPress
Create Table in WordPress Without Plugin
1. Using Google Docs
Go to your Google Docs page and click theInsert buttonon the menu bar . Click onTableand select the sizing of your table . you could select a table of up to 20×20 cells and I guess that ’s more than sufficient .
After selecting the size , the table come along on the Google Docs Page . Once you have the blank table , I will recommend you start filling that up in the Google Docs editor . The reason being , you may easily update the rowing / column on Google Docs , which wo n’t be potential later once you moved it to WordPress .
To sum rows and columns on Google Docs . flop - click a cellin a table and you ’ll see a number of options to Insert quarrel / column left and right side of the cell .
Once you are done , copy the tableby selecting the orbit using the mouse or arrow keys on the keyboard and paste it to your WordPress ’s optical editor program .
It automatically return a Table without the need for a Plugin , pretty cool stuff . you may resize the integral board to match the layout of your page by tapping the corner of the table in the WordPress editor in chief .
Limitations
While the Google Docs board method is very gentle , there are some limitations . you’re able to notchange the size of individual cellular phone , color , and the table isn’tresponsiveas well . Meaning your table would not outfit well on the mobile devices and go out the Sir Frederick Handley Page boundaries . The next method fixes that problem .
2. Using an online table generator
As I said , you’re able to use multiple method acting to add a tabular array and there are plenty of decent on-line board generators . These online table editor are useful when you are work with a declamatory and complex mesa . All you ask to do is , find a correct on-line tabular array generator for you , place the board dimension , get into board substance , and imitate the content to the WordPress editor program .
All the online board generators puzzle out okay and I in person likeResponsive Table Generatorbecause it offers a simple layout and a speedy preview side by side . And the serious part is , all the tables are reactive , think if the screen is too small to display the full content , the table will display a horizontal scrollbar .
you could either figure thedata manually , glue it from an excel mainsheet or paste an HTML table codeand edit it .
For this instance , we ’ll do it manually . To get started , select the Enter Data option on the homepage , and select the mesa size , and then entering mesa contents in the cells . You get further options in form of a checklist , to keep the first Row / Column as the table header .
Once you have made the changes and are happy with the table . Scroll down the Sir Frederick Handley Page , and imitate theHTML Outputof your page to your clipboard .
Next , mind over toWordPress post , where you would wish to include this board , flick on theTexttab to switch to the HTML text editor . Now , you just have to glue it in the WordPress editor and save change . Your table would show up on the page and would line up consort to the screenland size .
The tabular array on the editor program look a little squished but that ’s hunky-dory . Once , you save the page , it will adapt to the page attribute . The table shrinks as the filmdom sizing thin . Rest assured , your table wo n’t destroy the Sir Frederick Handley Page layout on any of the devices out there .
3. Another Online Table Generator
Finally , you could useRapidtablesas well , it bid more customization than the previous one . This table author create the table in HTML so that it wo n’t take much coding expertness , you may just copy and paste it to the codification of your Thomas Nelson Page and its good to go .
We ’ll follow the steps and create our table , you may customize background knowledge colour , border colouration , border , trend , cushioning , etc . Once you create your tradition tabular array , copy the contents to the WordPress editor in chief .
The tabular array looks like the figure below and has all the customize argument . Though you may not see the results in the editor , if you check the trailer you ’ll see the updated table .
Best way to Create Table in WordPress Without Plugin?
Read : How to Enable 2 Factor Authentication on WordPress