Edit table in HWPML

How to edit table in HWPML with top efficiency

Unusual file formats in your day-to-day papers management and modifying operations can create immediate confusion over how to edit them. You might need more than pre-installed computer software for efficient and quick file modifying. If you need to edit table in HWPML or make any other basic alternation in your file, choose a document editor that has the features for you to deal with ease. To handle all of the formats, including HWPML, opting for an editor that works well with all types of files is your best choice.

Try DocHub for effective file management, regardless of your document’s format. It has powerful online editing instruments that streamline your papers management process. It is easy to create, edit, annotate, and share any document, as all you need to access these characteristics is an internet connection and an active DocHub account. A single document tool is all you need. Do not lose time switching between different applications for different files.

Easily edit table in HWPML in a few actions

Go to the DocHub website, click the Create free account key, and begin your registration.
Enter in your current email address and develop a robust security password. For faster enrollment, use your Gmail account.
Once your registration is complete, you will see our Dashboard. Add the HWPML by uploading it or linking it from your cloud storage.
Click the added file in your document list to open it in editing mode. Use the toolbar above the document sheet to make all of the edits.
Complete your editing by keeping the file in your documents, downloading it on your computer, or sending it via DocHub without switching tabs.

Enjoy the efficiency of working with an instrument made specifically to streamline papers processing. See how easy it is to revise any file, even if it is the first time you have dealt with its format. Sign up an account now and enhance your entire working process.

PDF editing simplified with DocHub

Seamless PDF editing

Editing a PDF is as simple as working in a Word document. You can add text, drawings, highlights, and redact or annotate your document without affecting its quality. No rasterized text or removed fields. Use an online PDF editor to get your perfect document in minutes.

Smooth teamwork

Collaborate on documents with your team using a desktop or mobile device. Let others view, edit, comment on, and sign your documents online. You can also make your form public and share its URL anywhere.

Automatic saving

Every change you make in a document is automatically saved to the cloud and synchronized across all devices in real-time. No need to send new versions of a document or worry about losing information.

Google integrations

DocHub integrates with Google Workspace so you can import, edit, and sign your documents directly from your Gmail, Google Drive, and Dropbox. When finished, export documents to Google Drive or import your Google Address Book and share the document with your contacts.

Powerful PDF tools on your mobile device

Keep your work flowing even when you're away from your computer. DocHub works on mobile just as easily as it does on desktop. Edit, annotate, and sign documents from the convenience of your smartphone or tablet. No need to install the app.

Secure document sharing and storage

Instantly share, email, and fax documents in a secure and compliant way. Set a password, place your documents in encrypted folders, and enable recipient authentication to control who accesses your documents. When completed, keep your documents secure in the cloud.

Drive efficiency with the DocHub add-on for Google Workspace

Access documents and edit, sign, and share them straight from your favorite Google Apps.

Install now

How to Edit table in HWPML

4.9 out of 5

72 votes

alright guys welcome to this brand new video in here Im gonna be showing you how you can manipulate edit delete or update any or field HTML table data so for example we have a table which is powered by bootstrap and that behind Cs but nonetheless it really doesnt matter what kind of table it is long as you have a regular HTML table which has columns and rows and each one of those have any cells or has in lack of a better word if you think about database it has fields so we have rows here we have column and then in this field first name we have code and last time is with mark so if you want to lets say for example you have this table and here you want to allow your user to edit any of these feel or the whole role traditionally is not possible but Im gonna show you is very easy to use technique that you can implement into your custom web application so before I go and show you how to do that all the codes behind it and everything but let me just show you how does how this thing wor

Related features

Restore circle in binary

Restore circle in jpeg

Restore circle in text

Restore circle in gif

Restore circle in tiff

Restore circle in ppt

Restore circle in powerpoint

Restore circle in ps

Got questions?

Below are some common questions from our customers that may provide you with the answer you're looking for. If you can't find an answer to your question, please don't hesitate to reach out to us.

Contact us

How do I make an HTML table editable?

I have three approaches, Here you can use both or

as per your requirements. Use Input in <td> . Using <input> element in all <td> s, <tr><td><input type="text"></td>....</ ... Use contenteditable='true' attribute. ( HTML5) ... Append <input> to <td> when it is clicked.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="0">
                        <div class="accordion__panel-status"></div>
                        How to update table in JavaScript?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel">Insert a new blank column at the end of the table. Insert five new blank columns at the beginning of the table. Insert a new column with pre-populated values at the end of the table. Insert a new blank row at the end of the table. Insert a new pre-populated row just after the second row.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="0">
                        <div class="accordion__panel-status"></div>
                        How do I make an HTML table editable?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel">I have three approaches, Here you can use both <input> or <textarea> as per your requirements. Use Input in <td> . Using <input> element in all <td> s, <tr><td><input type="text"></td>....</ ... Use contenteditable='true' attribute. ( HTML5) ... Append <input> to <td> when it is clicked.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="0">
                        <div class="accordion__panel-status"></div>
                        How to make HTML table editable using JavaScript?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel">After creating a table in JavaScript, you can insert and combine rows and columns or format the table by adjusting table cell widths, colors, and alignment. You can use the contenteditable attribute on the cells, rows, or table to edit a table.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="0">
                        <div class="accordion__panel-status"></div>
                        How do you edit a table in HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel">Within this table tag, you'll place the <tr>, <th>, and <td> tags. The <tr> tag defines a table row. The <th> tag defines the table header. By default, any text in the <th> tag is bold and centered. The <td> tag defines the table data (ie. table cells). By default, any text in the <td> tag is unbolded and left-aligned.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="0">
                        <div class="accordion__panel-status"></div>
                        How to edit table in HTML using JavaScript?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel">After creating a table in JavaScript, you can insert and combine rows and columns or format the table by adjusting table cell widths, colors, and alignment. You can use the contenteditable attribute on the cells, rows, or table to edit a table.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="0">
                        <div class="accordion__panel-status"></div>
                        How do you edit data in HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel">Step 1: First we will create the controls, like TextBox and Button, to insert the data. <div> <h1>Insert Data, Update Data and Delete Data In HTML5</h1> <input type="hidden" id="id" /> <b>First name:</b><input type="text" id="firstName" /><br /> <b>Last name:</b><input type="text" id="lastName" /><br /></div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="0">
                        <div class="accordion__panel-status"></div>
                        How do you format a table in HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel">HTML tables allow web developers to arrange data into rows and columns....HTML Table Tags. TagDescription<table>Defines a table<th>Defines a header cell in a table<tr>Defines a row in a table<td>Defines a cell in a table6 more rows</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="0">
                        <div class="accordion__panel-status"></div>
                        How do you make a cell editable in HTML table?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel">To make the HTML cell editable, first, create the table in HTML by utilizing the “<table>” element. Then, add the “contenteditable” attribute in the “<td>” tag of a specific cell to make the cell editable. However, to make the whole table editable, utilize the contenteditable attribute inside the <table> element.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="0">
                        <div class="accordion__panel-status"></div>
                        How do I edit an existing table?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel">The steps to modify a table are given below; Select the table. Two new tabs Design and Layout appear on the Ribbon. On Design tab you will see three groups of commands to modify table; Table Style Options, Table Styles and Draw Borders;</div>
                </div>
                            </div>
        </div>
    </div>
</section>
    <section class="page-section page-section--customers-reviews">
    <div class="page-section__inner">
                    <h2 class="section-title">See why our customers choose DocHub</h2>
                <div class="user-reviews">
            <div class="user-reviews__item">
                <div class="user-review">
                    <div class="user-review__header">
                        <div class="rating">
                            <div class="rating__stars">
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-half-filled"></div>
                            </div>
                        </div>
                        <div class="user-review__platform-logo"></div>
                    </div>
                    <div class="user-review__body">
                        <div class="user-review__title">Great solution for PDF docs with very little pre-knowledge required.</div>
                        <div class="user-review__message">"Simplicity, familiarity with the menu and user-friendly. It's easy to navigate, make changes and edit whatever you may need. Because it's used alongside Google, the document is always saved, so you don't have to worry about it."</div>
                        <div class="user-review__author">
                            <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/33/images/_pages/functionality/icons/photo-pam@2x.png" alt="" loading="lazy"></div>
                            <div class="user-review__author-name"><b>Pam Driscoll F</b><br>Teacher</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="user-reviews__item">
                <div class="user-review">
                    <div class="user-review__header">
                        <div class="rating">
                            <div class="rating__stars">
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-half-filled"></div>
                            </div>
                        </div>
                        <div class="user-review__platform-logo"></div>
                    </div>
                    <div class="user-review__body">
                        <div class="user-review__title">A Valuable Document Signer for Small Businesses.</div>
                        <div class="user-review__message">"I love that DocHub is incredibly affordable and customizable. It truly does everything I need it to do, without a large price tag like some of its more well known competitors. I am able to send secure documents directly to me clients emails and via in real time when they are viewing and making alterations to a document."</div>
                        <div class="user-review__author">
                            <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/33/images/_pages/functionality/icons/photo-jiovany@2x.png" alt="" loading="lazy"></div>
                            <div class="user-review__author-name"><b>Jiovany A</b><br>Small-Business</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="user-reviews__item">
                <div class="user-review">
                    <div class="user-review__header">
                        <div class="rating">
                            <div class="rating__stars">
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-half-filled"></div>
                            </div>
                        </div>
                        <div class="user-review__platform-logo"> </div>
                    </div>
                    <div class="user-review__body">
                        <div class="user-review__title">I can create refillable copies for the templates that I select and then I can publish those.</div>
                        <div class="user-review__message">"I like to work and organize my work in the appropriate way to meet and even exceed the demands that are made daily in the office, so I enjoy working with PDF files, I think they are more professional and versatile, they allow..."</div>
                        <div class="user-review__author">
                            <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/33/images/_pages/functionality/icons/photo-victoria@2x.png" alt="" loading="lazy"></div>
                            <div class="user-review__author-name"><b>Victoria G</b><br>Small-Business</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
    <section class="page-section page-section--c2a-get-form">
        <div class="page-section__inner">
            <div class="section-title-preamble">be ready to get more</div>
            <h4 class="section-title">Edit and sign PDF <span class="section-title__accent">for free</span></h4>
            <a class="button"
               href="https://dochub.com/sign-up"
               data-metric-ab-tower="dh_lp_sign_up_buttons_in_lp"
               >Get started now</a>
        </div>
    </section>
    <section class="page-section page-section--related-searches">
    <div class="page-section__inner">
                    <h3 class="section-title">Related Searches</h3>
                <div class="tags-group">
                            <span class="tag">editable table in html w3schools</span>
                            <span class="tag">edit html table online</span>
                            <span class="tag">html editable table example</span>
                            <span class="tag">how to create table in html with example</span>
                            <span class="tag">html table style</span>
                            <span class="tag">editable html table using javascript</span>
                            <span class="tag">html table border</span>
                            <span class="tag">table with edit and delete button in html</span>
                    </div>
    </div>
</section>
            <img src="https://www.pdffiller.com/funnel.php?source=functionality_dochub" alt=""/>
    
        <div class="page__footer">
            <section class="page-section page-section--functions-menus">
        <div class="page-section__inner">
            <h2 class="section-title">Try more PDF tools</h2>
            <div class="functions-menus">
                <div class="functions-menus__column">
                    <div class="functions-menu-title">Edit & Annotate</div>
                    <div class="functions-menu">
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--edit-pdf" href="https://www.dochub.com/en/main-features/edit-and-annotate-pdfs">Edit PDF</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--add-fields" href="https://www.dochub.com/en/main-features/add-fillable-fields">Add Fillable Fields</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--create-pdf" href="https://www.dochub.com/en/main-features/create-a-new-pdf-document">Create PDF</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--insert-merge" href="https://www.dochub.com/en/main-features/insert-and-merge-pdf">Insert and Merge</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--page-numbers" href="https://www.dochub.com/en/main-features/number-and-label-pages-on-a-pdf">Add Page Numbers</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--rotate-pages" href="https://www.dochub.com/en/main-features/rotate-pages-in-a-pdf">Rotate Pages</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--delete-pages" href="https://www.dochub.com/en/main-features/delete-pages-from-a-pdf">Delete Pages</a></div>
                    </div>
                </div>
                <div class="functions-menus__column">
                    <div class="functions-menu-title">Convert</div>
                    <div class="functions-menu">
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--word-to-pdf" href="https://www.dochub.com/en/main-features/convert-word-to-pdf">Word to PDF</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--txt-to-pdf" href="https://www.dochub.com/en/main-features/convert-txt-to-pdf">TXT to PDF</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--html-to-pdf" href="https://www.dochub.com/en/main-features/convert-html-to-pdf">HTML to PDF</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--csv-to-pdf" href="https://www.dochub.com/en/main-features/convert-csv-to-pdf">CSV to PDF</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--ppt-to-pdf" href="https://www.dochub.com/en/main-features/convert-ppt-to-pdf">PPT to PDF</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--rtf-to-pdf" href="https://www.dochub.com/en/main-features/convert-rtf-to-pdf">RTF to PDF</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--jpg-to-pdf" href="https://www.dochub.com/en/main-features/convert-jpgjpeg-to-pdf">JPG/JPEG to PDF</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--png-to-pdf" href="https://www.dochub.com/en/main-features/convert-png-to-pdf">PNG to PDF</a></div>
                    </div>
                </div>
                <div class="functions-menus__column">
                    <div class="functions-menu-title">Collaborate & Share</div>
                    <div class="functions-menu">
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--add-comments" href="https://www.dochub.com/en/main-features/add-comments-on-a-pdf">Add Comments</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--share-link" href="https://www.dochub.com/en/main-features/send-pdf-via-shareable-link">Share via Link</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--share-email" href="https://www.dochub.com/en/main-features/send-pdf-as-attachment">Share via Email</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--fax" href="https://www.dochub.com/en/main-features/send-pdf-via-fax">Fax</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--pdf-status" href="https://www.dochub.com/en/main-features/track-pdf-document-status">PDF Status</a></div>
                    </div>
                </div>
                <div class="functions-menus__column">
                    <div class="functions-menu-title">Sign & Send</div>
                    <div class="functions-menu">
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--sign-pdf" href="https://www.dochub.com/en/main-features/sign-a-document">Sign a PDF</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--send-for-sign" href="https://www.dochub.com/en/main-features/send-out-documents-to-be-signed">Send for Signing</a></div>
                    </div>
                </div>
                <div class="functions-menus__column">
                    <div class="functions-menu-title">Protect PDF</div>
                    <div class="functions-menu">
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--protect-pdf" href="https://www.dochub.com/en/main-features/password-protect-document">Set PDF password</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--readable-pdf" href="https://www.dochub.com/en/main-features/readable-document">Readable PDF</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--certify-pdf" href="https://www.dochub.com/en/main-features/certify-document">Certify PDF</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--pdf-audit" href="https://www.dochub.com/en/main-features/document-audit">PDF Audit Trail</a></div>
                    </div>
                </div>
                <div class="functions-menus__column">
                    <div class="functions-menu-title">Others</div>
                    <div class="functions-menu">
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--search-pdf" href="https://www.dochub.com/en/main-features/search-for-documents">Search for PDF</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--export" href="https://www.dochub.com/en/main-features/export-pdf">Export</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--download-pdf" href="https://www.dochub.com/en/main-features/download-pdf">Download</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--flatten-fields" href="https://www.dochub.com/en/main-features/flatten-fields-on-a-pdf">Flatten Fields</a></div>
                        <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--print" href="https://www.dochub.com/en/main-features/print-out-pdf">Print out</a></div>
                    </div>
                </div>
            </div>
            <div class="section-decoration-shadow-1"></div>
            <div class="section-decoration-shadow-2"></div>
            <div class="section-decoration-shadow-3"></div>
        </div>
    </section>
            <div class="page-section page-section--footer">
        <div class="page-section__inner">
            <div class="footer-section">
                <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/33/images/logos/dochub-reverse.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div>
                <div class="footer-section footer-section--only-tablet"><a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a>
                    <div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div>
                    <div class="socials-list lazy-background">
                        <div class="socials-list__item"><a class="socials-link socials-link--twitter" href="https://twitter.com/dochub">Follow Us</a></div>
                    </div>
                </div>

<div class="copyright-caption">© 2024 DocHub, LLC</div>
            </div>
            <div class="footer-section">
    <div class="footer-section-title">Products</div>
    <div class="footer-menu">
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-editor">PDF Editor</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-forms">Forms & Templates</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/sign-documents">Sign Documents</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://dochub.statuspage.io/">Server Status</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pricing">Pricing</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/fillable-form">Forms Library</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/main-features">Features</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/functionality">Functions</a></div>
    </div>
</div>
<div class="footer-section">
    <div class="footer-section-title">Company</div>
    <div class="footer-menu">
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/about">About</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/terms-of-services">Terms</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/privacy-notice">Privacy Notice</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/legal">Legal</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://dochub.com/helpdesk">Support</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/release-notes">Release Notes</a></div>
    </div>
</div>
<div class="footer-section">
    <div class="footer-section-title">Resources</div>
    <div class="footer-menu">
        <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.pdffiller.com/">pdfFiller</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.uslegalforms.com/">US Legal Forms</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.signnow.com/">Electronic Signature</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.airslate.com ">No-code document workflows</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.dochub.com/en/mobile-app">DocHub Mobile App</a></div>
    </div>
</div>
            <div class="footer-section">
                <div class="footer-section-title">What's New</div>
                <div class="text-label text-label text-label--new">New</div>
                <div class="release-note-caption">DocHub v5.1.1 Released! Many updates and improvements!</div>
            </div>
            <div class="footer-section footer-section--only-desktop">
                <div class="footer-section-title footer-section-title--mobile-only">Contact us</div>
                <a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a>
                <div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div>
                <div class="socials-list lazy-background">
                    <div class="socials-list__item">
                        <a class="socials-link socials-link--twitter" target="_blank"  href="https://twitter.com/dochub">Follow Us</a>
                    </div>
                </div>
            </div>
            <div class="footer-section app-buttons app-buttons--mobile">
                <a class="app-buttons__google-play"
                   href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer"
                   target="_blank">
                    <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/33/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy">
                </a>
                <a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" target="_blank">
                    <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/33/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="120" height="40" loading="lazy">
                </a>
            </div>
        </div>
        <div class="page-section__inner page-section__inner--footer-mobile-only">
            <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/33/images/logos/dochub-reverse.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div>
            <div class="copyright-caption">© 2024 DocHub, LLC</div>
        </div>
    </div>
</div>

<div class="popup-cookie popup-cookie__v2 popup-cookie--top">
    <div class="popup-cookie__close js-popup-close"></div>
    <div class="popup-cookie__row">
        <div class="popup-cookie__column popup-cookie__column--description">
            <div class="popup-text">This site uses cookies to enhance site navigation and personalize your experience.
                By using this site you agree to our use of cookies as described in our <a href="https://dochub.com/site/privacy-notice" title="Cookie Privacy Notice" target="_blank">Privacy Notice</a>.
                You can modify your selections by visiting our <a href="https://dochub.com/site/cookies" title="Cookie Advertising Notice" target="_blank">Cookie and Advertising Notice</a>.<span class="popup-readmore popup-readmore--more">... <span class="link">Read more...</span></span><span class="popup-readmore popup-readmore--less link">Read less</span></div>
        </div>
        <div class="popup-cookie__column popup-cookie__column--action"><span class="button button__bordered js-popup-accept" tabindex="0">Accept</span></div>
    </div>
</div>

if (res.type === 'SUCCESS' || res.type === 'GO_TO_EDITOR') {
            setExternalGuestId('https://www.pdffiller.com/api_v3/abTest/setExternalGuestId', getRedirectLink, res.uploadData);
            fetch('https://www.pdffiller.com/api_v3/uploader/info', {
                method: 'post',
                headers: {
                    'Content-Type': 'application/json',
                    'User-Agent': navigator.userAgent,
                    'userid': res.uploadData.auth.userId,
                    'token': res.uploadData.auth.token,
                    'appkey': res.uploadData.auth.appKey
                },
                body: JSON.stringify({
                    'origin': 'https://www.dochub.com',
                    'projectId': res.uploadData.docList[0].id,
                    'guestId': '96d8baa49a.1715594997'
                })
            })
            .then(response => response.json())
            .then(response => {
                if (response.data && response.result === true) {
                    document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600";

window.sendMetric({
                        abTower: 'dh_pdffiler_editor_before_redirect',
                        dataDog: 'dh_pdffiler_editor_before_redirect',
                    }, 'https://www.dochub.com/api/send-metrics');

window.location.href = response.data.redirect_url;
                } else {
                    console.log("Can't make redirect on editor");
                }
            });
        }

return true;
            };
            window.sendMetric = (metrics = {}, route = '/api/send-metrics') => {
                let ajax = new XMLHttpRequest();
                ajax.open('POST', route, true);
                ajax.setRequestHeader('Content-Type', 'application/json');
                ajax.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content);
                ajax.send(JSON.stringify(metrics));
            };
            var setExternalGuestId = function (url, callback, uploadData) {
                var ajax = new XMLHttpRequest();
                var body = {
                    'guestId': '96d8baa49a.1715594997'
                };
                ajax.open('POST', url, true);
                ajax.setRequestHeader('userid', uploadData.auth.userId);
                ajax.setRequestHeader('token', uploadData.auth.token);
                ajax.setRequestHeader('appkey', uploadData.auth.appKey);
                ajax.setRequestHeader('Content-Type', 'application/json');
                ajax.send(JSON.stringify(body));
            };
            function sendAbTestEvent() {
                window.sendMetric({
                    abTower: 'dh_pdffiler_editor_start_uploading',
                    dataDog: 'dh_pdffiler_editor_start_uploading',
                }, 'https://www.dochub.com/api/send-metrics');
            }
            var getRedirectLink = function (response) {
                response = JSON.parse(response);
                if (response.result) {
                    document.cookie = 'api_js=' + response.data.api_js  + "; path=/; max-age=3600";
                    window.location.href = response.data.redirect_url
                }
            };
            initUploader({
                localePrefix: 'DOCHUB_',
                app: 'DOCHUB_MAIN_FEATURES',
                modes: {
                    microSites: true
                },
                features: ["@UPLOADER\/UPLOAD"],
                api: {
                    base: 'https://www.pdffiller.com',
                    ws: {
                        host: 'wss://mm-websocket.pdffiller.com',
                        port: '443',
                    },
                },
                auth: {
                    appKey: 'klwlq3h4jfi8.apps.dochub.v1.0'
                },
                multiple: 1,
                callbacks: {
                    end: openEditor,
                    request: runTemplateSuggestion
                },
                hooks: {
                    data: {
                        modalOpen: [getUserEmail, isUserLogged, isUserPaid]
                    },
                    actions: {
                        startUploading: [sendAbTestEvent]
                    },
                    stat: sendStat,
                },
            });
</script>

Edit table in HWPML smoothly