Hi,
thanks for your question, and sorry for the trouble.
This is actually working for me. When I view this page on a small screen, the table is flipped to the side.
You will however need to fix the height of a the then-second row. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
@media (max-width: 767px) {
.tablepress-id-4 thead .column-2 {
height: 150px;
}
}
Regards,
Tobias
Thread Starter
chbary
(@chbary)
Hi thank for your reply and code, i added in my plugin css .. it looks better now.
but i want to be same as desktop but in responsive mode. is it possible ?
Hi,
no, the desktop table will not fit on a phone, that’s why you need a mode for responsiveness. Use the flip or the scroll mode for best results.
Regards,
Tobias
Thread Starter
chbary
(@chbary)
Okay thanks. please consider to make it responsive in next updates… you’ll be free from answering alot queries about responsive issue.
Best regards,
Pubanswers
Hi,
that’s what I’m offering the Extension for 🙂 Unfortunately, directly integrating this into the plugin doesn’t really make sense, because there is no “one size fits all” solution for responsiveness and HTML tables :-/
Best wishes,
Tobias
Thread Starter
chbary
(@chbary)
You’re right but a plugin name [supsystic tables offering and doing same what i was asking about responsiveness.
Hi,
yes, they do integrate this, but for TablePress, I favor the way with an Extension, which makes it easier to separate things.
Regards,
Tobias
