erdembircan

Helo @estiakahamed;

You can add/remove table rows by selecting Settings>Manage Cells and then select your row ,and use the appropriate control buttons to perform add/remove operations.

Best regards.

Hello phriquez,

It looks like an issue with safari image load and scale mechanisms. Also it might be a problem with one of the image links not loading correctly so table don’t re-scale. Will make an extensive search and will also have to search safari bug reports if anything regarding this kind of situation is reported. Will update as soon as we get a result.

Best regards.

Hello @prohelmet,

Your first table is using old responsive mode, which calculates the layout relative to the width of the container that table is in. New responsive mode does it relative to window width, this is why you are seeing your table as it is on your second example. This actually gave us a good idea to add an option to also let users select the relative target that can be used to rebuild tables. We will add it to our development task list to discuss.
Meanwhile, after you duplicate the first table, do not enable the new responsive mode, because we also imported that second table and saw that you enabled new responsive mode, it will still use the old responsive whose calculations are relative to container. We imported your first table, duplicated it, and duplicated one still has the same functionality that you are looking for.

Best regards.

Hello @phriquez;

Sorry to hear you are having this issue. We will investigate the problem and will give you an update when we finished.

Best regards.

Hello @hotsjapan,

We are hoping your issue is solved. But, if it didn’t feel free to bump this thread for more support.

Best regards.

Hello @hotsjapan,

We are hoping your situation is fixed. Marking the thread as resolved. But, if you still have problems, feel free to bump this thread.

Best regards.

Hello @freddyboy377,

We will suggest a full install in order to truly use every aspect of the plugin. A broken install will cause some vital files to be not at server so your tables will not act and look as they should be, especially that is the case for CSS and js files that is being served for front-end.

For minor layout changes at fron-tend, as you may guess, front-end part of WordPress is open to so many effects, themes, plugins, you name it. Even though, we are loading all the necessary theme files at builder to reflect how your table will look like in your theme, on front-end minor layout changes may occur. Because, we can not reflect the container that your content will be put into. Some themes allow all the space post content needs, and some themes, if you check our support thread, will squish their content to as low as 350px spaces for tablet view while there is still extra width space that your content can use. And even some plugins may have a css rule that will add extra padding to your table cells, which will make your table look even bigger. So that kind of different width options may occur. But, that doesn’t mean we can not do anything. Even though, it is out of the bounds of our plugin, we still give solutions to that kind of situations with custom CSS codes and guide our users to form their tables in a different way. You can check out for that kind of solutions at our support forums. Because, we believe, only way to grow and make a better plugin, is only possible with the help of our users.

Best regards.

Hello @hectorcl;

After our investigation, we found that your web site is not serving the CSS file that your tables depends on the front-end, wp-table-builder-frontend.css. And because of this, your tables are not looking as they should be. Please be sure plugin is installed completely, and there is no other plugin or custom code which is blocking serving of CSS files on your web page.

Best regards.

Hello @prohelmet,

Sorry to hear you are having this issue. We will investigate the problem and will give you an update when we finish it.

Best regards.

Hello @geekworkshopltd,

Thank you for your kind words. At the moment there is only a search functionality that searches for the tables. Sorting and tagging tables with custom taxonomies for easy access is in our development task list which we want to add at a near future.

Best regards.

Hello @alberta26;

In order to create a gap and add a text go into Settings > Manage Cells. From there select the row you want to add your row below and select Insert Row After at the end of the table. After this, a new row with the same amount of columns of your table will be created. Select the cells in that row one by one and click Merge to make them a big merged row. Now you can add a text to that row.
For mobile version, in order to rebuild your table to the right, go to responsive menu, enable responsive mode and click on tablet. There enable top row as header and select row for cell stack direction. This option selects how your table will be restacked at responsive views. But one problem is, since you want to merge a row, and break the natural flow of your table, your merged rows will not be parsed correctly. If you want to use the responsive mode, our advice will be stick to the flow of your table, and add a new column as info to your table instead of bottom row. In order to enable horizontal scrolling, you have to enable the scrolling capabilities of your parent node where your table resides, in your case it should be done from elementor. Here is the table we prepared in mobile: [test table](https://ibb.co/2yzhPdD)

Best regards.

Hello @alberta26;

We are checking your table and give you an update as soon as possible. For your other question, there should be an option in elementor for that effect, but if you can’t find it, you can add the CSS code below to get the desired effect.

.elementor-element-26fd0794 {
   background-attachment: fixed;
}

Best regards.

Hello @tacaha5;

At the moment, we don’t have support for ACF. We will add this to our development tasks to discuss.

Best regards and have a great day.

Hello @hectorcl,

We will investigate the url you supplied and give you an update on the issue.

Best regards.

Hello @jabranmessage,

After investigation we found that the issue is caused at your side by a CSS rule at your webpage. .tdi_4_62c CSS rule is setting the width of the container it is attached to 350px at screen widths lower than 768px. And because of this, even though there is still width space, your content is squished into 350px length and its layout is distorted. Unfortunately there is no parent pseudo selector or url selector for CSS to target that specific element where your table is located. Also since that rule is using !important tag to make its width property value to have a higher priority over any width rule that will affect it, using a custom CSS rule may not result same in different browsers. But if you want to experiment, you can try out the custom CSS code I shared below at your site. But know that it will affect every element in your web site which is using that CSS rule.

Here is a demonstration of before and after CSS rule is applied.
Before: https://ibb.co/TP5NZF0
After: https://ibb.co/yf9dmG8

CSS Code:

@media screen and (max-width: 767px){
    .tdi_4_62c{
        width: 100% !important;
    }
}

Best regards.

• This reply was modified 4 years, 8 months ago by erdembircan.