Jquery是一款非常優秀的前端框架,廣泛應用于各類網站中。其中,表格是頁面中重要的元素之一,但是表格的寬度通常需要手動調整,而這種調整顯得十分不便。因此,Jquery提供了一種表格寬度自適應的方法,可以極大地提高表格的使用效率。
$(document).ready(function(){ $("table").each(function(){ var sum=0; $(this).find("tr:eq(0) td").each(function(){ sum+=$(this).width()+parseInt($(this).css("padding-left"))+parseInt($(this).css("padding-right"))+parseInt($(this).css("border-left-width"))+parseInt($(this).css("border-right-width")); }); $(this).width(sum); }); });
上述代碼實現了對所有表格的寬度進行自適應調整。首先,使用each函數遍歷所有的table元素,然后使用find函數尋找表格中的第一行,即
這種方法可以在不同分辨率的設備上自適應地調整表格寬度,使表格的顯示更為美觀,使用更為便捷。
下一篇div field屬性