css - HTML how to make each row of a table scrollable? -
I have a table, I want to "overflow" the CSS: scrolls "in each tray, but does not work Here's my code.
HTML
& lt; Table & gt; & lt; tr & gt; & lt; td & Gt; hai & lt; / td & gt; & lt; TD & gt; hellow & lt; / td & gt; & lt; td & gt; shcjbjs & lt; / td & gt; & lt; td & gt; DVKD & lt; / TD & gt; & lt; / tr & gt; & lt; TR & gt; & lt; TD & gt; Hai & lt; / TD & gt; & lt; TD & gt; hellow & lt ; / TD & gt; & lt; TD & gt; shcjbjs & lt; / td & gt; & lt; td & gt; dkkd & lt; / tid & Gt; & lt; / TR & gt; & lt; Tr & gt; & lt; TD & gt; Hai & lt; / td & gt; & lt; td & gt; hellow & lt; / td & gt; & Lt; td & gt; shcjbjs & lt; / td> gt; & lt; td & gt; dkkd & lt; / td & gt; & lt; / tr & gt; & lt; tr & gt; & lt; TD & gt; Hai & lt; / TD & gt; & lt; TD & gt; hellow & lt; / td & gt; & lt; td & gt; shcjbjs & lt; / TD & gt; & Lt; TD & gt; Dvkd & lt; / TD & gt; & Lt; / TR & gt; & Lt; / Table & gt;
CSS
table {border: 1px solid red; } TD {boundary: 1 px solid blue; Height: 100px; } Tr {height: 50px; Overflow-y: scroll; }
I have given an example, please give me a solution.
View this working demo
table {border: 1px solid red; } TD {boundary: 1 px solid blue; Height: 100px; } Tr {height: 50px; Overflow: scroll; Display area; }
Comments
Post a Comment