2010-03-02 22 views
1

我想創建具有相同的寬度(表和它的細胞)的表,然後前一個動態創建如何創建具有相同尺寸的表作爲前一個

__________________ 
|_____|___|_______| 
|_____|___|_______| 
|_____|___|_______| 

第二

__________________ 
|_____|___|_______| 
|_____|___|_______| 

什麼我需要做的設置第二個與所需的寬度。 (表1的寬度取決於它的內容)。

編輯: 最後,我去jQuery的解決方案,並做了這樣的:

$("#mySecondTable tr") // mySecondTable was already generated server side 
    .first() // All rows in my second table are similar so I just apply on the first one 
    .find("td") 
    .width(function(i){ return $("#myFirstTable tr").eq(1).find("td").eq(i).width() }) 
    // eq(1) fetches the line I want to use as a model since some have different colspans 
    .end() 
+1

你能給我們提供一些關於你在做什麼的更多細節。 – Sampson

+0

只需渲染兩個簡單的html表格,其中一個位於另一個下方,我希望它們具有相同的寬度和對齊的列 – Jla

+0

我明白這一點。但是用什麼?你想用PHP解析一個HTML文檔?你想使用Javacript?爲什麼PHP標籤? – Sampson

回答

1

您可以用jQuery很容易地做到這一點的數量之間:

$("table.foo") 
    .clone() 
    .find("td") 
     .html("") 
     .width(function(i){ return $("table.foo td").eq(i).width() }) 
     .height(function(i){ return $("table.foo td").eq(i).height() }) 
    .end() 
    .appendTo("body"); 

在線演示:http://jsbin.com/obuco/3/edit

+0

看起來不錯,我現在要測試它。 – Jla

5

使用JavaScript(我建議jQuery的),以獲得各 「列」 的寬度(th/td),並將width CSS屬性設置爲第二個表中的th和/或td s上的像素值。

2

如果在您的情況下可以使用style =「table-layout:fixed;」在這兩個表上精確控制單元格寬度

-1

由於PHP工作在服務器端,因此無法識別瀏覽器窗口尺寸和/或表格設計。它可以檢查表格單元格內容的字符串長度,並且可以估計和設置輸出中任何單元格的寬度。但是,如果表格1沒有寬度屬性,則可能需要在第二張桌面上使用一些JavaScript來使它們適合第一個寬度。

-1

'luca'and'Bears will eat you'給了兩個很好的解決方案。我看到的唯一一個是將所有數據放在一張表中,而不是兩張。

-1

如果我理解正確的話,它似乎應該只是CSS所需的寬度,然後一切都會舒展根據插入

1

的快速和骯髒的答案內容:你可以讓他們一個表,用文本是一個單行合併單元格=「X」,其中X在表中的列數,或列+ 1

相關問題