2014-01-31 73 views
0

我在我的項目中使用了提到的示例here。我想拉伸桌子以適應整個頁面。無法覆蓋現有的CSS

所以,我所做的:

html, body{ 
    height: 100%; 
} 

#gridContainer { 
    height: 100%; 
} 

table{ 
    width: 100%; 
    height: 100%; 
} 

的問題是,只有表頭出現在頁面上,它是正確的拉伸。行不顯示。我還試圖在<style>之前放置<script>,但沒有運氣。

我該如何解決這個問題?

+0

鏈接不足以解決問題描述。在問題本身中,包括實際上重現問題的HTML和CSS(最好是最小的)。 –

+0

@ JukkaK.Korpela鏈接不是關於問題。這是我在結尾使用的一個例子。 –

回答

0

進行以下更改。

table, div { 
    width: 100% !important; 
} 
+0

現在只有表格標題以非伸縮的方式顯示。 –

+0

我編輯了我的答案。檢查更新的一個。 - @RahulDesai – Nitesh

+0

表格行仍然不顯示。標題被拉伸。 –

0
.dojoxGridxBody, .gridContainer, table, #gridContainer { 
    width: 100% !important; 
} 

如果你想使你將不得不使用!important覆蓋原有的一些CSS的沒有其他變化。但是你可以使用鉻檢查器來找出這個樣式是否被覆蓋,刪除在舊CSS中沒有設置的寬度,然後刪除!important

然而,這個頁面並不是理想佈局,你改變了列結構,頁面變得越來越寬。實際上你只需要一個表格就可以在這些表格和div中有多個表格。

+0

對不起,這沒有任何改變。 –

+0

在您的網站上適合我。你清除了你的緩存嗎? – RichieAHB

+0

我清除了我的緩存,也嘗試了FF和Chrome。沒有運氣 :( –