[问题] 让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