テーブル tbody に水平スクロールバーを追加_html/css_WEB-ITnose

表本体に水平スクロールバーを追加したいのですが


しかし、追加するとグリッド線が乱雑になります。

通常、この種のグリッドは本体の下に水平スクロール バーを追加します


コード—————————————————————————————— ————————— －－－－－－－－－－－－－－－－－－－－－

CSS:


html:---- -------------------------------------- ---------------------------------------------------- ------- ----------------------------------

>商品コード ;thscope="col" style="max-width:90%">利用可能時間img class="sort_both_img" src="sort_both.png" />バーコード プレフィックス < width: 80px;">数量を切り上げます
幅: 80px;"> 総重量 正味重量 _both_img" src="sort_both.png" />
lt;/td>

>JYZ-V5
< ; td スタイル ="幅：80px; "＆gt; 0908＆lt;/td＆gt;/td＆gt;＆lt;/tr＆gt; TD スタイル = "幅: 80px;" & lt;/td & gt;
& lt; td スタイル = "幅: 80px;" idth：80px; "＆gt; 4＆lt;/td＆gt;

        
      
      
        
        
        
        
        
        
        
        
        
        
        
        
      
      
        
        
        
        
        
        
        
        
        
        
        
        
      
    
  

Joyoung/Joyoung JYZ-V5 オリジナルジューサースロージューサー家庭用低速多機能電動ジューサー	0.919	0.867
JYZ-V5043	Joyoung/九阳 JYZ-V5原汁机慢速榨汁机家用低速多功能电动果汁机	JYZ-V5	JYZ	九阳	果汁机	2014-09-08	0908	4	0.989	0.919	0.867
JYZ-V5043	Joyoung/九阳 JYZ-V5原汁机慢速榨汁机家用低速多功能电动果汁机	JYZ-V5	JYZ	九阳	果汁机	2014-09-08	0908	4	0.989	0.919	0.867

 
  

ディスカッションへの返信 (解決策)

.newtable tr {

/*display:table-row;*/

border-left: 1px Solid #999; : 1px Solid #999;*/
}
2行目のコメント終了タグを削除

                

















th: 80px;">2014-09-08
"&g t;4
>
：80px; "＆gt; 0.867＆lt;/td＆gt;
gt; jyz-v5043＆lt;/td＆gt;ジューサー -V5 d>
>ジュースマシン 「幅: 80px ;">0908
98 9
;td style="width: 80px;">0.919

                
                
                
                
                
                
                
                
            
            
                
                
                
                
                
                
                
                
                
                
                
                
            
        
    

製品コード	製品名	规格型号	助记码	品牌	品类	上市時間	条條前缀	凑整数	毛重	净重	本体积
JYZ-V5043	Joyoung/九阳 JYZ-V5原汁机ゆっくり速榨汁机家用低速多功能电动果汁机	JYZ-V5	JYZ	城陽	JY Z-V5043 低速多機能電動ジュースマシン td>	JYZ	九阳	果汁机	2014-09-08	0908	4	0.989	0.919	0.867
JYZ-V5043	Joyoung/九阳 JYZ-V5原汁机慢速榨汁机家用低速多功能电动果汁机	JYZ-V5	JYZ	九阳	果汁机	2014-09-08	0908	4	0.989	0.919	0.867

.newtable tr {

/*display:table-row;*/
border-left: 1px ソリッド #999;
border-top: 1px ソリッド #999;*/ }
2行目の終了コメントマークを削除


ということは、その行全体は必要ないということでしょうか？それからスクロールバーはありません。

.newtable Tr {/*表示: table-download;*/

境界左: 1px ソリッド#999;

境界上: 1px ソリッド#999;*/ ブリーク }

2行目の終了コメントマークを削除します


ということは、その行全体は必要ないということでしょうか？それからスクロールバーはありません。

border-left: 1px ソリッド #999;
border-top: 1px ソリッド #999;*/
これらの 2 行を削除します

叔母 A は起きて起きています