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

作者: spfy (spfy)   2016-12-08 19:53:20
如標題
但因為我自己也是半路出家(外行插手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開發的人一起和前端研究這問題
不用提細的程式碼 提供方向怎麼實做就可以了 謝謝
作者: Ayukawayen (亞布里艾爾發芽>//<)   2016-12-08 20:05:00
pre?white-space:nowrap https://jsfiddle.net/hw8j6qe1/1

Links booklink

Contact Us: admin [ a t ] ucptt.com