[問題] 讓table能自動延伸最大寬度

看板Web_Design作者 (spfy)時間8年前 (2016/12/08 19:53), 8年前編輯推噓1(101)
留言2則, 1人參與, 最新討論串1/1
如標題 但因為我自己也是半路出家(外行插手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

12/08 20:05, , 1F
pre?
12/08 20:05, 1F

12/08 20:18, , 2F
12/08 20:18, 2F
結果這麼簡單...讓各位見笑了 之前自己試的時候好像都不起作用阿... ※ 編輯: spfy (124.64.214.80), 12/08/2016 21:37:27
文章代碼(AID): #1OIKco8B (Web_Design)
文章代碼(AID): #1OIKco8B (Web_Design)