Skip Navigation

[Resolved] Responsive table

This support ticket is created 7 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 4 replies, has 2 voices.

Last updated by Jacques Spijkers 7 years, 1 month ago.

Assisted by: Minesh.

Author
Posts
#575893
Schermafdruk 2017-10-04 00.53.12.png

Tell us what you are trying to do?

making a table responsive in a view

Is there any documentation that you are following?

Is there a similar example that we can see?

What is the link to your site?

#575937

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Well - view supports following output options with grid or table view:
=> https://toolset.com/documentation/user-guides/view-layouts-101/

if you need a responsive table, you will need to manually setup it by following Bootstrap document:
=> hidden link

See there example, wrap the HTML table tag into a div tag with CSS class:

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>
#575945

Minish,

Yhank You very much. It works. Is it also posible to keep the sortable columns?

#575952

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Yes - you can add sortable columns with your table.

More info:
=> https://toolset.com/documentation/user-guides/allowing-visitors-to-sort-the-front-end-results/
[Section: "Combining Sorting Controls and Sortable Tables"]

#575956

Thank You very much for Your help. Have a nice day!