如何在不更改其他列的大小的情況下調整表列的大小？

我有一個HTML表，我添加了一堆交互行爲（可添加，可移動，可移動的列，重命名列等）。拼圖的最後一部分是可調整大小的列。我主要通過允許用戶在邊框的5px內單擊然後拖動鼠標來工作。我的問題是，當一個列被調整大小，其他列增長或縮小，以補償和保持表的寬度。我希望的行爲是通過調整列的大小來增長（或收縮）表，而不調整任何其他列的寬度。這可能與CSS/JS？如何在不更改其他列的大小的情況下調整表列的大小？

來源

2012-11-21 Jared

我想你可能需要計算每列的寬度並在調整用戶與之交互的一列時保持靜態（以像素爲單位）。所以這個想法應該是對文檔的onresize作出反應，這樣你可以相應地調整列的大小，如果它們是爲了保持比例。 – abellina

在某些情況下，調整大小會觸碰兩列嗎？除非您將其限制在最左側或最右側的列。 – abellina

否調整大小應該只觸摸一列（拖動邊框左邊的那一列）。表格本身應該隨着列的增長而縮小或縮小。 – Jared

table { 
    table-layout: fixed; 
}

來源

2012-11-21 15:29:53

如何在不更改其他列的大小的情況下調整表列的大小？

回答

相關問題