javascript - Bootstrap table in div horizontal scroll not work -


in content, put div table inside. need scroll horizontally. i've spent hours researching , trying solutions.

<div style="width:100%; overflow: scroll;">     <table style="width:2000px;">             <tr>                 <td>very large width table scroll horizontal</td>                 <td>x</td>                 <td>x</td>                 <td>x</td>             </tr>     </table> </div> 

safari test

chrome test

div 1500 px

since using bootstrap,instead of using styles use inbuilt classes.

<div class="table table-responsive">    <table >  //give width styling want.         <tr>             <td>very large width table scroll horizontal</td>             <td>x</td>             <td>x</td>             <td>x</td>         </tr>    </table> </div> 

this give horizontal scrollbar.


Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -