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

Popular posts from this blog

sqlite3 - UPDATE a table from the SELECT of another one -

c# - Showing a SelectedItem's Property -

javascript - Render HTML after each iteration in loop -