如何使YUI數據表是100％的寬度

我創建數據表的代碼如下所示：如何使YUI數據表是100％的寬度

myDataTable = new YAHOO.widget.ScrollingDataTable(
        "containerDiv", 
        myColumnDefs, 
        myDataSource, 
        {height:"100px",width:"100%"} 
       );

該代碼生成一個表，看起來是這樣的：（截屏不再提供從外部網站） http://drop.io/download/public/gfipf7axm6ydjsvuaiaf/296829ffb3ad115ecf1d9e13a607eaf2e2dc2788/Asset/37984293/v3/large_thumbnail

請注意，它是如何創建一個像我想要的一樣伸展100％的外框，但表本身並不是100％一直伸展，而只是足夠大以適應內容桌子。

請注意，當你運行上面的代碼時，延伸100％的外框由YUI創建，我沒有自己創建。

我真正需要的只是垂直滾動和沒有水平滾動。但YUI不會讓你指定一個或另一個，你會得到兩個。

有沒有辦法讓桌子伸展100％？在YUI文檔中我沒有發現任何有關此問題的內容，除非我忽略了它。

感謝您的閱讀！

來源

2010-07-07 7wp

當您使用ScrollingDataTable並指定寬度時，列不會自動調整大小。這在你考慮它時很有意義 - 表必須處理那些列太多以適合視圖的情況，所以它不會嘗試去適應它們。

由於您看起來不需要水平滾動，因此請移除寬度配置屬性。爲了讓表到您所需的寬度，你可以嘗試：

指定寬度在CSS的div容器，而不是在表中配置
指定列的寬度，使他們加起來的總寬度你要。

來源

2010-07-08 18:00:08

所有偉大的想法，謝謝。是的，垂直滾動正是我想要的。 – 7wp 2010-07-08 19:07:50

我最終爲每個列設置了固定的寬度，並將其合併到我想要的總寬度中。 – 7wp 2010-07-13 20:29:07

如何使YUI數據表是100％的寬度

回答

相關問題