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