↑ Return to W70 Tables

W71 Table Press


Page no: W71

Table Press

 

 

TablePress into HTML Table 

Display via TinyMCE

These are the steps to transfer TablePress Tables into TinyMCE Advanced Tables

1. Open concerned page and edit the TablePress Table

Edit TablePress Table
Edit TablePress Table

.

2. Export the TablePress Table as HTML

Export The Tablepress Table As Html
export the TablePress Table as HTML

. - Click to enlarge

3. Open HTML in new tab and Copy all

Open HTML in new tab and Copy all
Open HTML in new tab and Copy all

.

4. Paste all content into the page

Paste All Content Into The Page
Paste All Content Into The Page

. - Click to enlarge

5. Remove Tablepress Table

Delete table
Delete table

.

HTML into TablePress

Import HTML into TablePress

 

 

HTML into TablePress
G76 HTML into TablePress

- Click to enlarge

Columns

Column Width

Column are not wide enough

 

How to widen columns in Tablepress (and HTML tables).

1) Export the file into Excel 97-2003 format

Export to 2003
G70 Export to 2003

Export into 97-2003 excel format - Click to enlarge

2) After that via TablePress -> Import, we navigate to the import page

TablePress Importing
G70 TablePress Importing

TablePress: Import a Table - Click to enlarge

3) Now we choose the exported file. From import format, we also choose Excel 1997 – 2003. After that we click on the blue “import” button and that’s it. The table is imported.

TablePress Importing
G70 TablePress Importing

TablePress: Import page - Click to enlarge

Column Fixing

Hi,

thanks for your post, and sorry for the trouble.

No, sorry, I’m not aware of an existing solution for this 🙁
I can only suggest that you try to implement a custom solution here.

The TablePress Extension might be helpful as well, as it can at least fix the first column and make the others scrollable horizontally (but only manually).

Regards,
Tobias

 

TinyMCE Like Confluence
G76 TinyMCE Like Confluence

- Click to enlarge

TablePress or Tiny Tables with 3-4 columns

Solution:… CSS like here

.tablepress th,
.tablepress td {
  line-height: 2;
}

 

Multiple columns in TablePress

The solution is here a vertical table scroller, e.g. JSFiddle

Various Devices
G76 Various Devices

- Click to enlarge

 

See more for W7x Tables