重新調整欄

我有這個簡單的HTML表格重新調整欄

<table id="tablex"> 
    <tr> 
     <th>col1</th> 
     <th>col2</th> 
    </tr> 
    <tr> 
     <td>data1</td> 
     <td>data2</td> 
    </tr> 
</table>

，我試圖使它的可調整大小的列與colResizable 但問題是，當我調整表的特定列，下一列由於表格的整個寬度是固定的，因此可調整大小的一個會受到影響。

我試過另一個解決方案here和其他一個here，但同樣的問題出現了。有沒有其他的方法來使列可調整大小使用jQuery庫或JavaScript函數之一？

來源

2013-05-07 Drwhite

應該發生在其他列和/或寬度什麼當用戶調整列的寬度時表的寬度？ – 2013-05-07 16:18:19

@RichardEv它也會調整大小，就像示例[here]（http://www.audenaerde.org/example2.html）一樣，但推薦的結果是其他列不會更改，即使表格寬度更改。 – Drwhite 2013-05-07 16:26:28

你可以畫畫，並告訴我們你想達到什麼，使用油漆。 – user1910290 2013-05-07 16:29:57

我有同樣的問題：Resizable table columns with jQuery (table wider than page)

我的解決辦法是把<th>的內線我使用的鏈接（<a> S）另一個標籤 - 我的列標題的內容。

而不是做與<th>什麼的，我不得不對<a> S的樣式設置爲display: block

然後，只需$('th a').resizable({handles:'e'});

見http://jsfiddle.net/u32a1ccL/

這使用jQuery和jQuery UI的

來源

2014-12-11 08:30:51

您可以使用colResizable 1.5，它允許調整表格大小的兩種不同方法：固定和不固定。

默認情況下，它是固定的，這意味着當您調整列的大小時，下一個縮小或展開以適合整個表格。在固定模式下，表格寬度根本不會改變。

我想你是要求非固定模式。在非固定模式下，您可以獨立調整每列的大小，因此如果更改列的寬度，則其他列將保持相同狀態（但表格的大小將與列的大小相同）。

您可以檢查在其網站上的一些例子：http://www.bacubacu.com/colresizable

，但我猜你正在尋找的東西是這樣的：

$("#nonFixedSample").colResizable({fixed:false, liveDrag:true});

來源

2014-12-23 08:47:41

不幸的是，colResizable存在填充問題。查看問題[＃33]（https://github.com/alvaro-prieto/colResizable/issues/33）和[＃45]（https://github.com/alvaro-prieto/colResizable/issues/45）。 – 2016-07-25 10:51:47

回答

相關問題