點擊滾動更多數據

Question

我在html中有一個約會表，如下所示：

 <table> <thead style="text-align:center; color:#000;"> <th style="text-align:center;">Mon</th> <th style="text-align:center;">Tue</th> <th style="text-align:center;">Wed</th> <th style="text-align:center;">Thu</th> <th style="text-align:center;">Fri</th> <th style="text-align:center;">Sat</th> </thead> <tbody style="background:#ccc"> <tr> <td style="padding:10px"> <li style="background:#eee; color:#000; border:solid 1px #ffb600; width:60px; padding:1px; list-style:none;">8.30</li> <li style="background:#eee; color:#000; border:solid 1px #ffb600; width:60px; padding:1px; list-style:none;">8.30</li> <li style="background:#eee; color:#000; border:solid 1px #ffb600; width:60px; padding:1px; list-style:none;">8.30</li> <li style="background:#eee; color:#000; border:solid 1px #ffb600; width:60px; padding:1px; list-style:none;">8.30</li> <li style="background:#eee; color:#000; border:solid 1px #ffb600; width:60px; padding:1px; list-style:none;">8.30</li> <li style="background:#eee; color:#000; border:solid 1px #ffb600; width:60px; padding:1px; list-style:none;">8.30</li> <li style="background:#eee; color:#000; border:solid 1px #ffb600; width:60px; padding:1px; list-style:none;">8.30</li> </td> <tr> </tbody> </table> 

我試圖添加滾動，但是以間接方式，在最后一個<li>標記的底部應該有一個show more按鈕。 這樣，當我單擊時，TD單元格數據應向上滾動，其余數據應顯示

請指導以前是否有人為此工作？

Answer 1

還有另一個稱為延遲加載的選項，Chrome瀏覽器支持此功能，我們要做的就是向html元素添加一個屬性。

<table loading="lazy"></table>

要了解更多信息，請檢查此鏈接延遲加載