Title: Javascript Issues/Table overflow
Last modified: September 1, 2016

---

# Javascript Issues/Table overflow

 *  Resolved [rymanacevedo](https://wordpress.org/support/users/rymanacevedo/)
 * (@rymanacevedo)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/javascript-issuestable-overflow/)
 * Currently having an issue where the table is overflowing outside the container.
   I’ve tried manipulating the table to stay in a div or another container but no
   luck.
 * Also, the **Summary** I tried to hide with jQuery(‘field_id’).hide(); (I need
   to grab values from it) in the public javascript folder, but the **Summary** 
   still shows up. I’m not sure where the file is located to input my custom global
   javascript.
 * Thanks for your help.
 * Ryan
 * [https://wordpress.org/plugins/calculated-fields-form/](https://wordpress.org/plugins/calculated-fields-form/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/javascript-issuestable-overflow/#post-7719314)
 * Hi [@rymanacevedo](https://wordpress.org/support/users/rymanacevedo/),
 * I’m sorry, but I really don’t understand your questions. Could you send me a 
   link to the webpage with the form inserted, and indicate the fields in the form
   you are trying to modify, and how, please? but please, indicate in each case 
   exactly the field in the form, to be in context.
 * Best regards.
 *  Thread Starter [rymanacevedo](https://wordpress.org/support/users/rymanacevedo/)
 * (@rymanacevedo)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/javascript-issuestable-overflow/#post-7719343)
 * I apologize, it might help if I show the form.
 * Here’s the form:
 * [http://www.cabinetdoorshop.net/calculated-field-forms/](http://www.cabinetdoorshop.net/calculated-field-forms/)
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/javascript-issuestable-overflow/#post-7720675)
 * Hi,
 * I’ve checked your form, and there are some issues, for example, the structure
   of the table is incorrect, there are rows with multiple columns, and rows with
   only one column but without a “colspan” attribute.
 * In your case I recommend to use a different structure for the form, instead to
   assign the special class names to the fields: column2, column3, or column4, you
   should use container fields.
 * As the height of fields in your form are so dissimilar, Please, remove the special
   class names from the fields, and insert a container field (DIV or Fieldset) by
   row, select the number of columns through the “Columns” attribute in the container,
   and insert the rest of fields into it
 * and that’s all.
    Best regards.
 *  Thread Starter [rymanacevedo](https://wordpress.org/support/users/rymanacevedo/)
 * (@rymanacevedo)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/javascript-issuestable-overflow/#post-7722482)
 * Thank you for the suggestion. One more thing, where would I put the custom CSS/
   JavaScript for this to work? I wasn’t having the best luck finding where to input
   the styles.
 * Thanks you for your help,
 * Ryan
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/javascript-issuestable-overflow/#post-7722661)
 * Hi,
 * If you need to use custom CSS rules and javscript code in your form, and for 
   the javascript, if you don’t want to include it as an equation associated to 
   a calculated field, you simply should insert a “HTLM Content” field in the form,
   and enter the corresponding tags as its content:
 *     ```
       <style>
       /* CSS Rules Here */
       </style>
       <script>
       /* Javascript Code Here */
       </script>
       ```
   
 * However, I really think that using container fields for formatting the form, 
   you don’t need too many CSS rules.
 * Best regards.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Javascript Issues/Table overflow’ is closed to new replies.

 * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377)
 * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
 * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)

## Tags

 * [container](https://wordpress.org/support/topic-tag/container/)
 * [javascript](https://wordpress.org/support/topic-tag/javascript/)

 * 5 replies
 * 2 participants
 * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/)
 * Last activity: [9 years, 9 months ago](https://wordpress.org/support/topic/javascript-issuestable-overflow/#post-7722661)
 * Status: resolved