Make TBODY scrollable in Webkit browsers

后端未结

关注

 14  1977

闹比i 2020-11-29 20:33

I\'m aware of this question, but none of the answers work in Safari, Chrome, etc.

The accepted strategy (as demonstrated here) is to set the tbody height and overflo

14条回答

庸人自扰 (楼主)

2020-11-29 20:53

Let the table draw as it's way and calculate each column's width and set it in to each heading. Headings are made with divisions and then we can let the table to be scrolled free.










Heading 1
Heading 2
Heading 3
Heading 4



    
        Column1 Row 0
        Column2 Row 0
        Column3 Row 0
        Column4 Row 0
    

        Column1 Row 1
        Column2 Row 1
        Column3 Row 1
        Column4 Row 1
    

        Column1 Row 2
        Column2 Row 2
        Column3 Row 2
        Column4 Row 2
    

        Column1 Row 3
        Column2 Row 3
        Column3 Row 3
        Column4 Row 3
    

        Column1 Row 4
        Column2 Row 4
        Column3 Row 4
        Column4 Row 4
    

        Column1 Row 5
        Column2 Row 5
        Column3 Row 5
        Column4 Row 5
    

        Column1 Row 6
        Column2 Row 6
        Column3 Row 6
        Column4 Row 6
    

        Column1 Row 7
        Column2 Row 7
        Column3 Row 7
        Column4 Row 7
    

        Column1 Row 8
        Column2 Row 8
        Column3 Row 8
        Column4 Row 8
    

        Column1 Row 9
        Column2 Row 9
        Column3 Row 9
        Column4 Row 9
    

        Column1 Row 10
        Column2 Row 10
        Column3 Row 10
        Column4 Row 10

0 讨论(0)

查看其它14个回答

Column1 Row 0	Column2 Row 0	Column3 Row 0	Column4 Row 0
Column1 Row 1	Column2 Row 1	Column3 Row 1	Column4 Row 1
Column1 Row 2	Column2 Row 2	Column3 Row 2	Column4 Row 2
Column1 Row 3	Column2 Row 3	Column3 Row 3	Column4 Row 3
Column1 Row 4	Column2 Row 4	Column3 Row 4	Column4 Row 4
Column1 Row 5	Column2 Row 5	Column3 Row 5	Column4 Row 5
Column1 Row 6	Column2 Row 6	Column3 Row 6	Column4 Row 6
Column1 Row 7	Column2 Row 7	Column3 Row 7	Column4 Row 7
Column1 Row 8	Column2 Row 8	Column3 Row 8	Column4 Row 8
Column1 Row 9	Column2 Row 9	Column3 Row 9	Column4 Row 9
Column1 Row 10	Column2 Row 10	Column3 Row 10	Column4 Row 10