Foxtable(狐表)用户栏目专家坐堂 → 如何显示多列表格


  共有2153人关注过本帖树形打印复制链接

主题:如何显示多列表格

帅哥哟,离线,有人找我吗?
有点甜
  11楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/7/17 18:59:00 [只看该作者]


 回到顶部
帅哥哟,离线,有人找我吗?
刘林
  12楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1936 积分:14844 威望:0 精华:0 注册:2016/4/28 9:58:00
  发帖心情 Post By:2018/7/17 21:17:00 [只看该作者]

Dim e As RequestEventArgs = args(0)
Dim sb As New StringBuilder
sb.appendLine("<!doctype html>")
sb.appendLine("<head>")
sb.appendline("<style Type='text/css'>h1.pos_abs{position:absolute;left:100px;top:10px}</style>")
sb.appendLine("</head>")
Dim lst As List(of DataRow) = DataTables("成绩").sqlSelect("身份证件号 = '" & e.Cookies("username") & "'")
Dim nms() As String = {"考试名称","语文_语总","数学_数总","英语_英总","政治_政总","历史_历总","生物_","地理_","物理_物总","化学_化总","总分","总分班序","总分校序","总分区序"}
Dim cps() As String = {"考试名称","语文","数学","英语","政治","历史","生物","地理","物理","化学","总分","班序","校序","区序"}
sb.appendline("<h1 class='pos_abs'>我的成绩</p>")
sb.appendline("<div style='width:2200px; height:2000px; overflow:scroll;'>")
sb.AppendLine("<Table border='1'width='100%' align='center'>")
'sb.AppendLine("<caption style='font-size:80px' align ='center'>我的成绩<caption></br>")
sb.Append("<tr>")
For Each cp As String In cps
    sb.Append("<td style='font-size:60px'>" & cp & "</td>")
Next
sb.AppendLine("</tr>")
For r As Integer=0 To lst.Count-1
    sb.Append("<tr>")
    For Each nm As String In nms
        sb.Append("<td style='font-size:50px' align ='center'>" & lst(r)(nm) & "</td>")
    Next
    sb.AppendLine("</tr>")
Next
sb.AppendLine("</Table></br></br>")
sb.AppendLine("</dv>")
e.WriteString(sb.ToString)


老师,我这样改:“我的成绩”这个标题还是跟着表格划动,懂不起移动开发好多要学习,请帮写下来理解,我是想把我的成绩这几个固定在屏幕中间,不随表左右划动

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  13楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:106067 积分:539428 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2018/7/17 21:57:00 [只看该作者]

Dim sb As New StringBuilder
sb.appendLine("<!doctype html>")
sb.appendLine("<html>")
sb.appendLine("<head>")
sb.appendLine("</head>")
sb.appendLine("<body>")
Dim nms() As String = {"考试名称","语文_语总","数学_数总","英语_英总","政治_政总","历史_历总","生物_","地理_","物理_物总","化学_化总","总分","总分班序","总分校序","总分区序"}
Dim cps() As String = {"考试名称","语文","数学","英语","政治","历史","生物","地理","物理","化学","总分","班序","校序","区序"}
sb.appendline("<p style='font-size:60px'align='center'>我的成绩</p>")
sb.appendline("<div style='width:100%; overflow-x:auto;'>")
sb.AppendLine("<Table border='1'width='2200px' align='center'>")
'sb.AppendLine("<caption style='font-size:80px' align ='center'>我的成绩<caption></br>")
sb.Append("<tr>")
For Each cp As String In cps
    sb.Append("<td style='font-size:60px'>" & cp & "</td>")
Next
sb.AppendLine("</tr>")
For r As Integer=0 To 10
    sb.Append("<tr>")
    For Each nm As String In nms
        sb.Append("<td style='font-size:50px' align ='center'>" & 100 & "</td>")
    Next
    sb.AppendLine("</tr>")
Next
sb.AppendLine("</Table></br></br>")
sb.AppendLine("</div>")
sb.appendLine("</body>")
sb.appendLine("</html>")
e.WriteString(sb.ToString)

 回到顶部
帅哥哟,离线,有人找我吗?
刘林
  14楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1936 积分:14844 威望:0 精华:0 注册:2016/4/28 9:58:00
  发帖心情 Post By:2018/7/17 22:31:00 [只看该作者]

谢谢老师,终于实现了我想要实的效果了,慢慢理解并应用,谢谢!

 回到顶部
帅哥哟,离线,有人找我吗?
刘林
  15楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1936 积分:14844 威望:0 精华:0 注册:2016/4/28 9:58:00
  发帖心情 Post By:2018/7/18 15:19:00 [只看该作者]

 老师,请问style='width:auto'是自动为屏幕宽度,但要压缩表头,如何能不压缩表头而刚好适应内容来设置表宽

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  16楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/7/18 16:41:00 [只看该作者]

以下是引用刘林在2018/7/18 15:19:00的发言:
 老师,请问style='width:auto'是自动为屏幕宽度,但要压缩表头,如何能不压缩表头而刚好适应内容来设置表宽

 

【压缩表头】什么意思?

 

如果不设置宽度,默认就是根据你的内容显示的。

 

具体做个例子说明你要做什么效果。


 回到顶部
帅哥哟,离线,有人找我吗?
刘林
  17楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1936 积分:14844 威望:0 精华:0 注册:2016/4/28 9:58:00
  发帖心情 Post By:2018/7/18 16:50:00 [只看该作者]

 1.sb.AppendLine("<Table border='1'style='width:3200px' align='center'>")
 2.sb.AppendLine("<Table border='1' align='center'>")

我的意思是
用1时,表格设计足够宽了,各列表头不会换行,但间矩有点大,加之现在设计为要显示的列数为动态的,就会有时宽有又换行显示了
用2时,表格自适应屏幕了,但就内容就换行。

我想如何能让每行的内容都不换行,表格每列刚好容下内容,表格的宽度和每列的宽度去适应文字内容
[此贴子已经被作者于2018/7/18 16:50:43编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  18楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/7/18 17:59:00 [只看该作者]


 回到顶部
总数 18 上一页 1 2