Foxtable(狐表)用户栏目专家坐堂 → 手机网页中如何固定表格上方的标题行


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

主题:手机网页中如何固定表格上方的标题行

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


加好友 发短信
等级:八尾狐 帖子:1916 积分:17092 威望:0 精华:0 注册:2014/7/29 19:09:00
手机网页中如何固定表格上方的标题行  发帖心情 Post By:2020/10/14 19:14:00 [显示全部帖子]


图片点击可在新窗口打开查看此主题相关图片如下:weixin.jpg
图片点击可在新窗口打开查看

如上图,用表格生成网页时比较快捷,但数据多时,在手机上滑动上方标题会不见了,如何在滑动屏幕时保留上方标题行一直可见,让其固定住,只能左右移动

谢谢!

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


加好友 发短信
等级:八尾狐 帖子:1916 积分:17092 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/10/15 12:04:00 [显示全部帖子]

直接在html文件中增加是会,但在ft引用的weUI框架中如何增加DIV?
谢谢!

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


加好友 发短信
等级:八尾狐 帖子:1916 积分:17092 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/10/17 12:06:00 [显示全部帖子]

这样生成的表头如何与中间的体列宽同步,包括移动时?

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


加好友 发短信
等级:八尾狐 帖子:1916 积分:17092 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/10/17 17:23:00 [显示全部帖子]

还是搞不定,请老师指点;想要的效果如下图:

图片点击可在新窗口打开查看此主题相关图片如下:weui.jpg
图片点击可在新窗口打开查看

Dim e As RequestEventArgs = args(0)
If e.PostValues.Count = 0 Then
    Dim dr As DataRow = DataTables("dtbSet").Find("wintbN = '产品编码_主表' and showCols is not null")
    Dim sqlcol,cw As String
    Dim Cols As New List(of String)  '列集合
    If dr IsNot Nothing Then
        Dim nms As String() = dr("showCols").split("|")
        For i As Integer = 0 To nms.Length -1 Step 2
            Cols.Add(nms(i))
            sqlcol = sqlcol & nms(i) & ","
            cw = cw & nms(i+1) & ","
        Next
        If sqlcol > "" Then
            sqlcol = sqlcol.trim(",")
        End If
        If cw > "" Then
            cw = cw.trim(",")
        End If
    End If
    Dim cmd As New SQLCommand
    cmd.ConnectionName = Mydata
    cmd.CommandText = "SELECT TOP 10 " & sqlcol & " FROM 产品编码 ORDER BY sys_Mdate DESC"  '查询最新修改的10行数据
    Dim dt As DataTable = cmd.ExecuteReader()
    
    Dim wb As New weui
    wb.title = "产品编码"
    wb.AddForm("","form1","pcode_table.htm")
    wb.AppendHTML("<style>#table2 td{width:" & cw & ";word-break: break-all;} #table2 thead{display:none}</style>",True)
    With wb.AddTable("","Table1")
        .ColWidth = cw '设置列宽   -->cw是"50,50,60,70,35,80"这样的值
        .head.AddRow(Cols)
    End With
    wb.InsertHTML("","<div id = 'div1' style = 'overflow-y:auto;buttom:20px'>")  'div距离屏幕底部20像素
    With wb.AddTable("","Table2")
        .CreateFromDataTable(dt,False,"","",Cols)
    End With
    wb.InsertHTML("","</div>")
    
    With wb.AddButtonGroup("form1","btg1",True)  '底部增一个确定按钮
        .Add("btn1", "确定","submit")
    End With
    e.WriteString(wb.Build)
Else
   '''''''''
End If

上面的代码应该怎么修改,实在不会,

谢谢!

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


加好友 发短信
等级:八尾狐 帖子:1916 积分:17092 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/10/19 16:51:00 [显示全部帖子]

老师,帮忙看下这个.谢谢!

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


加好友 发短信
等级:八尾狐 帖子:1916 积分:17092 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/10/20 10:06:00 [显示全部帖子]

老师,帮忙看下这个不会弄.谢谢!

 回到顶部