溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
如果table元素的高如果不設(shè)置，是根據(jù)內(nèi)容撐開的，根據(jù)這個規(guī)則，可以用js控制默認狀態(tài)下table-cell的寬度，并將這一列的table-cell設(shè)置為dispaly：block，這樣多出來的內(nèi)容就會被隱藏掉，添加點擊事件，把table-cell的display在block和table-cell之間切換，就能實現(xiàn)點擊展開隱藏效果啦！
js代碼如下：
$('.cell').click(function(){
if($(this).css('display')=='block'){
console.log('ok');
$(this).css('display'，'table-cell');
}else{
$(this).css('display'，'block');
}
});
超級簡單！不過設(shè)置為block之后，表格的border重疊就會失效，要對這個動態(tài)的列單獨再設(shè)置一下樣式，去掉它的邊框~
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼