2016-09-21 11 views
0

を示していない二つの垂直スクロールバーと水平スクロールバーを取得するにはoverflow-x:scroll;white-space:nowrapに、overflow-y:hiddenをやってから、すべてを試してみましたが、何もうまくいかない:、私はオンラインこの質問に対する答えをたくさん読んだ

<html style="height: 100%;"> 

    <head lang="en"> 
    <meta charset="UTF-8"> 
     <title>Titler </title> 
     <script src="../dist/ag-grid-enterprise.js?ignore=notused30"></script> 
     <script src="sorting.js"></script> 

    </head> 
<body style="height: 100%; margin: 0px;"> 

    <center> 

      <div style="font-style:bold;font-size:30;color:black;"> DM </div> 
<BR> 
    <font size="2" color="red"> <a href="ag-grid_selector.jsp"> UPDATE </a>  </font > 
    </center> 


<BR></center></br> 
<div> 
     <center><span style="padding-bottom: 4px; display: inline-block;"> 
      <button onclick="buyside()">Buy</button> 
      <button onclick="sellside()">Sell</button> 
      <button onclick="clearFilters()">Clear Filters</button> 

     </span><center> 


     </div> 

     <div id="myGrid" style="width: 100%; height: 100%; margin:0px" class="ag-fresh"></div>  

    </body> 

</html> 

しかし、私は2つの垂直スクロールバーが画像に表示され、水平スクロールバーは外側の垂直スクロールバーをスクロールした後にのみ表示され、不便です。これをどうすれば解決できますか?

答えて

0

ライン10での変更点:

<body style="height: 100%; margin: 0px; overflow: hidden;"> 

<html style="height: 100%;"> 
 

 
     <head lang="en"> 
 
     <meta charset="UTF-8"> 
 
      <title>Titler </title> 
 
      <script src="../dist/ag-grid-enterprise.js?ignore=notused30"></script> 
 
      <script src="sorting.js"></script> 
 

 
     </head> 
 
    <body style="height: 100%; margin: 0px; overflow: hidden;"> 
 

 
     <center> 
 

 
       <div style="font-style:bold;font-size:30;color:black;"> DM </div> 
 
    <BR> 
 
     <font size="2" color="red"> <a href="ag-grid_selector.jsp"> UPDATE </a>  </font > 
 
     </center> 
 

 

 
    <BR></center></br> 
 
    <div> 
 
      <center><span style="padding-bottom: 4px; display: inline-block;"> 
 
       <button onclick="buyside()">Buy</button> 
 
       <button onclick="sellside()">Sell</button> 
 
       <button onclick="clearFilters()">Clear Filters</button> 
 

 
      </span><center> 
 

 

 
      </div> 
 

 
      <div id="myGrid" style="width: 100%; height: 100%; margin:0px" class="ag-fresh"></div>  
 

 
    </body> 
 

 
    </html>

+0

しかし、それはちょうどので、それは無限にページの下のように(下にスクロールすることができ、私はテーブル内の垂直スクロールバーを与えます)。そしてたくさんのデータがあるので、水平スクロールバーを取得する方法はありません。 – shek

+0

うん!可能であれば、https://jsfiddle.net/ですべてのコードを入力してください! –

+0

私は企業ネットワーク上にいるので、使用することはできません。 – shek

関連する問題