Responsive Is Broken when tested with Samsun J5 Mobile

Hi,

thanks for your post, and sorry for the trouble.

Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

Hi, I have almost the same problem. The table brokes the responsiveness of the page where is inserted: sarmoviles.com

I’m using the Dazzling Theme by Colorlib.

Hi Takemaki,

in your case, this seems to be caused by the CSS code

.side-pull-right #primary {
	float: right;
}

that is in your theme.

Can you maybe try again after overriding that with this CSS in the TablePress “Custom CSS”?:

.side-pull-right #primary {
	float: none;
}

Regards,
Tobias

It worked like a charm! Thank you!

Regards

Hi,

Tested the page (https://calvarytabernaclemessage.in/?page_id=409) in https://ready.mobi/

Only desktop PC shows the table and renders properly.

Please kindly check. Using Word Press Twenty Sixteen Theme. The tables are rendered very slow as well.

Thanks.

Hi Takemaki,

awesome! ?? Good to hear that this helped!

@samuelk2019: We might need some extra CSS here. Please try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress {
  table-layout: auto;
}

About the rendering speed: That’s out of TablePress’s hands. It simply takes some time to send all the row data to the browser.

Regards,
Tobias

Hi Tobias,

you are awesome…happy to see your quick response. could you please kindly help me on the following to understand the issue?

1. i’m eager to know why this style sheet is not enabled by default?
2. is it a problem with theme or we need a custom css to override the theme’s css ?
3. how to increase the pagination size. currently it is showing as 10 but i would like to show 2000 records. any peformance related config should be done for showing 2000 records in a single page. I know it is using DOM function to operate the table but anything should be done in anywhere to speed up.

thanks a lot for your response again.

Hi,

thanks for your question, and sorry for the trouble.

1. I’m not sure what you mean. The TablePress stylesheet is loaded, but your theme also has some CSS that affects tables.

2. In general, overriding the theme CSS (those aspects that deal with tables) is better done with “Custom CSS” in TablePress.

3. You can increase that number on the table’s “Edit” screen. It will likely not deliver a better performance though. For that, you will need to look into things like page caching.

Regards,
Tobias