[爆卦]css table寬度是什麼?優點缺點精華區懶人包

為什麼這篇css table寬度鄉民發文收入到精華區:因為在css table寬度這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者spfy (spfy)看板Web_Design標題[問題] 讓table能自動延伸最大寬度時間T...


如標題

但因為我自己也是半路出家(外行插手C# 現在又被抓來做asp.net+html+css)

如果內容敘述不詳請推文指正 謝謝


因為公司軟體從CS(C# + SQL Server)轉型成BS 內容有非常大量的數據呈現

以前CS時代就是用超多的DGV和textbox顯示 轉換到BS就遇到比較多麻煩

團隊裡的前端組在做頁面的時候沒什麼問題

很多數據的頁面就是依照資料的複雜度選用div或table呈現

但後者的使用上 目前有個嚴重的關卡

就是整個table的寬度沒辦法依照內容無限延伸

ex.資料內容可能是 姓名 | 性別 | 電話 | 住址 | e-mail | 生日 | 其他備註

這類多列資料 前幾列不一定是我舉例的內容 不過幾乎都是能確定最大寬度的列

重點是最後一列/多列 都是備註 說明 提醒之類的長字串

因為頁面呈現的需求不能換行(或是只能換一行之類的 能換行的話就沒問題了)

這列沒辦法控制內容長度 最長的可能長度就是資料庫該列的最大字數(500/100字等)

目前前端的作法是幫table設一個超大寬度

把前幾列寬度用width固定後 剩下的寬度全部給最後一列

沒備註的時候就是table後方會多出一大段空白還不是太大的問題

少數數據會幾乎塞到上限值 這個時候該行就會整個擠開頁面...

想請問是否能用css達到 依據出現的內容動態變動寬度

(前端說不知道怎麼弄"這種"動態值...不過其他都會阿囧)

或是用js達成也可以

(抓取返回前端的字段 計算最大字數然後給table動態附上width?)

其他負責主要產品的工程師基本上沒空管這種小細節

只剩我和其他幾個同樣半路被抓到bs開發的人一起和前端研究這問題

不用提細的程式碼 提供方向怎麼實做就可以了 謝謝

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 124.64.214.80
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1481198002.A.20B.html
Ayukawayen: pre? 12/08 20:05
Ayukawayen: white-space:nowrap https://jsfiddle.net/hw8j6qe1/1 12/08 20:18

結果這麼簡單...讓各位見笑了 之前自己試的時候好像都不起作用阿...
※ 編輯: spfy (124.64.214.80), 12/08/2016 21:37:27

你可能也想看看

搜尋相關網站