如何调整表格大小以使隐藏内容显示在mousedrag上?

用户名

当我们使用resize属性时,该表会在mousedrag上放大。但是我希望在表上的其他行在moused上显示,而表的大小不会改变。好吧,考虑一下https://jsfiddle.net/o0Ldf0us/4/

滚动时,隐藏的内容正确吗?我希望能够通过滚动查看,而不是通过鼠标拖动查看该小的调整大小选项。

HTML:

<div>
<table id="example">
<thead>
    <tr>
        <th>Heading1</th>
        <th>Heading2</th>
        <th>Heading3</th>
        <th>Heading4</th>
        <th>Heading5</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Data1.1</td>
        <td>Data2.1</td>
        <td>Data3.1</td>
        <td>Data4.1</td>
        <td>Data5.1</td>
    </tr>
     <tr>
        <td>Data1.2</td>
        <td>Data2.2</td>
        <td>Data3.2</td>
        <td>Data4.2</td>
        <td>Data5.2</td>
    </tr>
     <tr>
        <td>Data1.3</td>
        <td>Data2.3</td>
        <td>Data3.3</td>
        <td>Data4.3</td>
        <td>Data5.3</td>
    </tr>
</tbody>

CSS:

#example, th, td{
border:1px solid black;
border-collapse:collapse;
}
div{
height:100px;
width:200px;  
overflow:scroll;
}
Vaibs_Cool

尝试将其添加到div CSS

resize: both;

现场演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jQuery在窗口调整大小上显示或隐藏元素

来自分类Dev

如何调整表格单元格的大小以适合内容

来自分类Dev

如何在使用页面调整Flex大小时在主要内容上显示右侧栏?

来自分类Dev

内容隐藏/显示设计调整

来自分类Dev

如何使表格行可点击以显示隐藏的行内容?

来自分类Dev

如何隐藏调整大小的元素?

来自分类Dev

如何显示/隐藏内容

来自分类Dev

显示键盘时在iPad上的表单中调整表格视图的大小

来自分类Dev

如何快速将弹出窗口调整为表格视图中内容的大小?

来自分类Dev

如何快速将弹出窗口调整为表格视图中内容的大小?

来自分类Dev

表格叠加层显示移动和调整大小后的表格

来自分类Dev

iPhone 上被页脚隐藏的表格内容

来自分类Dev

如何处理窗口调整大小以使用 devicepixelratio 为移动设备显示画布

来自分类Dev

调整按钮大小时如何调整按钮内内容的大小

来自分类Dev

RMarkdown:如何调整要显示在ioslides演示文稿中的表格的大小?

来自分类Dev

如何从内容自动调整表格的TD宽度

来自分类Dev

防止HTML表格调整大小以适合内容

来自分类Dev

如何使表格在手机平板电脑上不调整大小

来自分类Dev

在 Radio Check 上显示/隐藏表格

来自分类Dev

如何显示/隐藏谷歌图表表格单元格的内容

来自分类Dev

如何调整UITableViewCell的大小以适合其内容?

来自分类Dev

如何包装textview自动调整大小的内容

来自分类Dev

UIWebView内容如何调整大小/缩放?

来自分类Dev

如何使用按钮调整按钮内容的大小

来自分类Dev

如何显示按高度devexpress调整大小的gridview单元格的所有内容

来自分类Dev

嵌套的CardView注册表格。如何动态调整表格大小?

来自分类Dev

如何将表格大小调整为 div 大小?

来自分类Dev

调整窗口大小时,如何更改导航栏上li标签的值/内容?

来自分类Dev

调整窗口大小时,如何更改导航栏上li标签的值/内容?

Related 相关文章

  1. 1

    使用jQuery在窗口调整大小上显示或隐藏元素

  2. 2

    如何调整表格单元格的大小以适合内容

  3. 3

    如何在使用页面调整Flex大小时在主要内容上显示右侧栏?

  4. 4

    内容隐藏/显示设计调整

  5. 5

    如何使表格行可点击以显示隐藏的行内容?

  6. 6

    如何隐藏调整大小的元素?

  7. 7

    如何显示/隐藏内容

  8. 8

    显示键盘时在iPad上的表单中调整表格视图的大小

  9. 9

    如何快速将弹出窗口调整为表格视图中内容的大小?

  10. 10

    如何快速将弹出窗口调整为表格视图中内容的大小?

  11. 11

    表格叠加层显示移动和调整大小后的表格

  12. 12

    iPhone 上被页脚隐藏的表格内容

  13. 13

    如何处理窗口调整大小以使用 devicepixelratio 为移动设备显示画布

  14. 14

    调整按钮大小时如何调整按钮内内容的大小

  15. 15

    RMarkdown:如何调整要显示在ioslides演示文稿中的表格的大小?

  16. 16

    如何从内容自动调整表格的TD宽度

  17. 17

    防止HTML表格调整大小以适合内容

  18. 18

    如何使表格在手机平板电脑上不调整大小

  19. 19

    在 Radio Check 上显示/隐藏表格

  20. 20

    如何显示/隐藏谷歌图表表格单元格的内容

  21. 21

    如何调整UITableViewCell的大小以适合其内容?

  22. 22

    如何包装textview自动调整大小的内容

  23. 23

    UIWebView内容如何调整大小/缩放?

  24. 24

    如何使用按钮调整按钮内容的大小

  25. 25

    如何显示按高度devexpress调整大小的gridview单元格的所有内容

  26. 26

    嵌套的CardView注册表格。如何动态调整表格大小?

  27. 27

    如何将表格大小调整为 div 大小?

  28. 28

    调整窗口大小时,如何更改导航栏上li标签的值/内容?

  29. 29

    调整窗口大小时,如何更改导航栏上li标签的值/内容?

热门标签

归档