Title: Layout Problem with DataTable JS
Last modified: July 12, 2025

---

# Layout Problem with DataTable JS

 *  [Shabir Ahmad](https://wordpress.org/support/users/shabirvip/)
 * (@shabirvip)
 * [10 months, 2 weeks ago](https://wordpress.org/support/topic/layout-problem-with-datatable-js/)
 * Hello,
 * I am currently using the **paid version** of your plugin. Initially, I was using
   the free version, but I decided to upgrade to the premium membership specifically
   to use the **Basic Overlay layout** as shown in your official screenshot:
 * [https://ps.w.org/yith-woocommerce-compare/assets/screenshot-1.png?rev=3091419](https://ps.w.org/yith-woocommerce-compare/assets/screenshot-1.png?rev=3091419)
 * What I Have Tried:
    - **Deactivated all other plugins, keeping only WooCommerce and YITH Compare
      active.**
    - **Switched to the default Twenty Twenty-Five WordPress theme to avoid theme-
      related conflicts.**
 * Despite these steps, the layout still appears differently than your demo. For
   example, the
   title appears within the table row <tr>, instead of being placed
   above the table, which prevents me from achieving the same design as shown in
   your screenshot.
 * I have already submitted a support ticket **(ID: 307426)**, but I haven’t received
   any response yet. Unfortunately, this is delaying my work, which is why I’m reaching
   out here in hopes of a quicker resolution.
 * Issue Summary:
    - Need the title outside the table in full width — same as the demo image.
    - Require the full layout/design to match the screenshot provided above.
 * Your prompt support would be greatly appreciated. Thank you!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Flayout-problem-with-datatable-js%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Juan Coronel](https://wordpress.org/support/users/juaancmendez/)
 * (@juaancmendez)
 * [10 months, 2 weeks ago](https://wordpress.org/support/topic/layout-problem-with-datatable-js/#post-18556310)
 * Hello there,
   thanks for contacting us!
 * Let me tell you that support for the premium version is only available through
   tickets, as support is only provided here for the free version.
 * I see that you have the premium plugin active but have requested a refund that
   was already granted, so we can no longer provide support for it.
 * If you have any other questions, please let us know.
 * Best regards.
 *  Thread Starter [Shabir Ahmad](https://wordpress.org/support/users/shabirvip/)
 * (@shabirvip)
 * [10 months, 2 weeks ago](https://wordpress.org/support/topic/layout-problem-with-datatable-js/#post-18557259)
 * Hello,
 * Thank you for your response and clarification.
 * I understand that premium support is offered only via the support ticket system.
   However, I would like to emphasize that both the** free and premium versions 
   are developed and maintained by your team**, and users rely on your documentation
   and guidance — regardless of the version in use.
 * Since the premium version did not meet my expectations, I requested refund. At
   this point, I am only using the **free version of the YITH Compare plugin**.
 * That said, I would sincerely appreciate your support in helping me achieve the**
   basic overlay compare design as shown in your demo**, using the free version.**
   I’m not asking for premium features** — only assistance with the layout that 
   appears to be part of the default design in your screenshots.
 * Your help will not only assist me but may also benefit other users in the community.
 * Looking forward to your kind support.
 * Best regards,
 *  [Juan Coronel](https://wordpress.org/support/users/juaancmendez/)
 * (@juaancmendez)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/layout-problem-with-datatable-js/#post-18561304)
 * Hello there,
 * Could you please install the free version to continue support?
 * > [View post on imgur.com](https://imgur.com/a/UcNCQS1)
 * We will be attentive to your response.
 * Best regards.
 *  Thread Starter [Shabir Ahmad](https://wordpress.org/support/users/shabirvip/)
 * (@shabirvip)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/layout-problem-with-datatable-js/#post-18561628)
 * Thank you for your response.
 * I have now activated the free version of the plugin on my website, as requested.
   Kindly check again.
 * However, I would like to mention that it takes **nearly two days to receive a
   reply**, and the question I’ve asked is **quite simple**. I’m not sure why this
   is being stretched unnecessarily. I would really appreciate it if you could kindly
   provide a clear answer regarding the **popup overlay/layout issue** I mentioned
   earlier.
 * Your assistance will be greatly appreciated.
 * Thank you once again.
 *  [Juan Coronel](https://wordpress.org/support/users/juaancmendez/)
 * (@juaancmendez)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/layout-problem-with-datatable-js/#post-18564584)
 * Hello there,
   sorry for the delay.
 * Thank you for your message. We are currently experiencing a high volume of requests,
   which has caused delays in response times. We greatly appreciate your patience
   and understanding as we work to assist everyone as quickly as possible.
 * Reviewing your comments, we would like to inform you that the screenshot in the
   free version corresponds to a previous version of the plugin. The current version(
   3.0 and later) has been updated and features a refreshed design, as shown on 
   the premium version landing page. We apologize for the inconvenience. These images
   will be updated as soon as possible.
 * If you need the previous version’s design, I recommend using a rollback plugin
   such as WP Rollback.
 * Best regards.
 *  Thread Starter [Shabir Ahmad](https://wordpress.org/support/users/shabirvip/)
 * (@shabirvip)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/layout-problem-with-datatable-js/#post-18565273)
 * Hello,
 * Thank you for your response and clarification.
 * We understand that the design has been updated in version 3.0 and onward. We 
   prefer to use the latest version of the plugin — not the older one — but we would
   like to customize the compare table layout, specifically:
    - Display **the title as full width, above the **`<table> `tag (not inside it).
 * To achieve this, could you please guide us on the following:
    - Is it possible to edit the **compare template to adjust the layout**?
    - Can we override the template file in our theme (like WooCommerce does), or
      do we need to modify the plugin files directly?
    - Are there any available hooks or filters that we can use to change the placement
      of the title?
 * We’d really appreciate your help in pointing us in the right direction, so we
   can keep using the latest version with our required layout.
 * Thank you once again for your support.
 * Best regards
 *  [Juan Coronel](https://wordpress.org/support/users/juaancmendez/)
 * (@juaancmendez)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/layout-problem-with-datatable-js/#post-18567848)
 * Hello there,
 * To make changes to the template, you’ll need to override it in your theme. You
   must copy the template located at:
 *     ```wp-block-code
       \wp-content\plugins\yith-woocommerce-compare\templates\yith-compare-table.php
       ```
   
 * and paste it in:
 *     ```wp-block-code
       \wp-content\themes\your-active-child-theme\woocommerce\
       ```
   
 * If you need the table title to be displayed in a separate row at the top, please
   replace lines 104-106 of the overridden template with this code:
 *     ```wp-block-code
       <tr>						<th colspan="2">							<?php $table->output_table_heading(); ?>						</th>					</tr>					<tr class="product_info">						<td></td>
       ```
   
 * Could you check it, please?
 * Best regards.

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

The topic ‘Layout Problem with DataTable JS’ is closed to new replies.

 * ![](https://ps.w.org/yith-woocommerce-compare/assets/icon.svg?rev=3042935)
 * [YITH WooCommerce Compare](https://wordpress.org/plugins/yith-woocommerce-compare/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/yith-woocommerce-compare/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/yith-woocommerce-compare/)
 * [Active Topics](https://wordpress.org/support/plugin/yith-woocommerce-compare/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/yith-woocommerce-compare/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/yith-woocommerce-compare/reviews/)

## Tags

 * [datatables](https://wordpress.org/support/topic-tag/datatables/)
 * [layout-problem](https://wordpress.org/support/topic-tag/layout-problem/)

 * 7 replies
 * 2 participants
 * Last reply from: [Juan Coronel](https://wordpress.org/support/users/juaancmendez/)
 * Last activity: [10 months, 1 week ago](https://wordpress.org/support/topic/layout-problem-with-datatable-js/#post-18567848)
 * Status: not resolved