making a single page wider then the fixed width of template

[dennis013]

I would like to make a single page as wide as can be for a large 20 column table. How can i make a single page not fixed in the width of the template

---

[Support]

Hello,

Wrap the table inside a table-responsive div, so will be generated a horizontal scroll bar to scroll.

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

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[dennis013]

I would like to have another possiblem solution if possible

http://testwebsite.trace.me/productmatrix

Ideally all colums would be visible when loading the page. And the first 5 rows should be a sticky header for easy comparison.
Would something like that be possible..?

---

[Support]

Hello,

You can use the Sticky feature to make that.

First you need separate the table (head) from body (body content). For example:

<table>
....
table head rows here
....
</table>

<table>
....
table body content here
....
</table>

Then, you can wrap the first table (head) inside a sticky:

<div data-plugin-sticky data-plugin-options='{ "padding": { "top": 80 } }' style="background-color: #FFF;">
    <table>
        ....
        table head rows here
        ....
    </table>
</div>

We hope this helps!

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts