主题：移动开发，生成的表列多一页不能容下怎么办

测试了一下，如果表格的内容超过了手机宽度，设置宽度就不会有效的了，这个没办法。

总有什么办法解决哟，要不然这个手机效果太难看了，请求支持

 

用原生的table http://www.foxtable.com/mobilehelp/scr/0031.htm

 

Case "cjcx.htm"
        wb.AddPageTitle("","pageheader","我的成绩")
        With wb.AddTable("","Table1")
            .Alternate = 3
            Dim nms() As String = {"考试名称","姓名","语文","数学","英语","政治","历史","生物","地理","物理","化学","总分","班序","校序"}
            .Head.AddRow(nms)
            .ColWidth = "40px,50px,40px,40px,40px,40px,40px,40px,40px,40px,40px,40px,40px,40px,40px"  '设置列宽
            For Each r As DataRow In DataTables("成绩").Select("身份证件号 = '" & e.Cookies("username") & "'")
                With .Body.AddRow(r("考试名称"),r("姓名"),r("语文_语总"),r("数学_数总"),r("英语_英总"),r("政治_政总"),r("历史_历总"),r("生物_"),r("地理_"),r("物理_物总"),r("化学_化总"),r("总分"),r("班序"),r("校序"))
                End  With
            Next
        End With
改成这样还是不行，如果用原因生的，表怎样做呢？做不来哟

测试了一下，手机都是不能设置table宽度的，无解。

 

生成的表格尽量少列吧，或者是，生成excel文件打开显示。

' Case "table.htm"
        Dim sb As New StringBuilder
        sb.AppendLine("<table border='2'>")
        sb.AppendLine("<caption>我的成绩</caption>")
        sb.AppendLine("<tr><td>考试名称</td><td>姓名</td><td>语文</td><td>数学</td><td>英语</td><td>政治</td><td>历史</td><td>生物</td><td>地理</td><td>物理</td><td>化学</td><td>总分</td><td>班序</td><td>校序</td></tr>")
        For Each r As DataRow In DataTables("成绩").Select("身份证件号 = '" & e.Cookies("username") & "'")
            sb.AppendLine("<tr><td>"& r("考试名称")&"</td><td>"& r("姓名")&"</td><td>"& r("语文_语总") &"</td><td>"& r("数学_数总")&"</td><td>"& r("英语_英总")& "</td><td>"& r("政治_政总")& "</td><td>"& r("历史_历总") &"</td><td>"& r("生物_") &"</td><td>" & r("地理_")& "</td><td>"& r("物理_物总") &"</td><td>"& r("化学_化总") &"</td><td>" & r("总分") &  "</td><td>"& r("班序")  &"</td><td>"& r("校序") &"</td></tr>")
        Next
        sb.AppendLine("</Table>")
        e.WriteString(sb.ToString)
我按你讲的这样做，但生成的表不好看，请老师润色如何让这个表更好看就可以了

你用16楼的方式生成的表格，也是会【自适应】页面的，也是会有同样的效果。

 

对于手机，无法控制宽度的。

此主题相关图片如下：qq图片20170806225506.png

但至少可以生成这样的表格，只是没有基础，不晓得怎样优化样式

设置一下css优化样式就好了。

 

具体的样式，你可以参考weui的样式。浏览器那里【查看元素】可以看到其对于样式的。