相关疑难解决方法(0)

在表格上设置最大高度

我正在尝试设计一个有一些表格的页面.似乎样式表比应该是更痛苦.

问题如下.桌子应该有一个固定的高度,并且当底部太少时,显示底部的空白区域 - 或者当内容太少时显示空白 - 或者显示垂直滚动条.除此之外,表格有一个不应滚动的标题.

据我所知,thead不滚动是表的默认行为.拉伸tfoot可以很好地填充白色空间.可悲的是,似乎我可以放在桌子高度上的每一个约束都被高兴地忽略了.我试过了

table {
    height: 600px;
    overflow: scroll;
}
Run Code Online (Sandbox Code Playgroud)

我试过了max-height.我试图绝对定位表并给出顶部和底部坐标.我试图在Firebug中手动编辑高度,看看它是否与CSS特异性有关.我也尝试过设置高度tbody.事实上,无论我的努力如何,表格的内容始终保持高水平.

当然我可以伪造一个带有div结构的表,但它实际上一个表,我担心使用div我可能遇到一些问题,其中一些列可能没有正确对齐.

我怎么能给桌子一个高度?

html css css-tables

43
推荐指数
5
解决办法
9万
查看次数

滚动单元格在100%高度表中

如果这已经得到了回答,我很抱歉,但是搜索"100%身高"的东西有点困难.

我的问题是我需要100%高度的表格布局,因为浏览器自动调整大小,我不想因为显而易见的原因而自行编写脚本.

它不同于其他"100%问题",因为我需要一些细胞粘在顶部,一些细胞粘在底部,并通过浏览器调整中间值以填充剩余空间.

那种工作,问题发生在我需要中间部分来包含溢出的东西,显然我想要溢出:自动在那里启用用户通过那些东西.它适用于WebKit,在Firefox中,它没有,其他没有经过测试.这是测试用例.

<html>
<head>
    <style>

        body, html {
            height: 100%;
            margin: 0;
            padding: 0;
        }

        table {
            height: 100%;
            width: 200px;
            border: 0;
        }

        .fill {
            background-color: red;
        }

        .cont {
            overflow: auto;
            height: 100%;
        }

    </style>

</head>
<body>
    <table>
        <tr>
            <td style="height:50px"></td>
        </tr>
        <tr>
            <td style="height:100px"></td>
        </tr>
        <tr>
            <td class="fill">
                <div class="cont">
                    An opaque handle to a native JavaScript object. A JavaScriptObject cannot be created directly. JavaScriptObject should be declared as the return type of a JSNI …
Run Code Online (Sandbox Code Playgroud)

html css layout html-table

7
推荐指数
1
解决办法
6569
查看次数

熊猫DataFrame表垂直滚动条

我有一个大的(垂直)熊猫数据框,我想将其显示为带有滚动条的漂亮表格。我可以显示所有行的表,但是无法显示滚动条。

def data(x):
    strData = strData[['Data1','Data2','Data3']]
    display(strData)
Run Code Online (Sandbox Code Playgroud)

输出:无垂直滚动条

在此处输入图片说明

python pandas jupyter-notebook

3
推荐指数
3
解决办法
3843
查看次数

标签 统计

css ×2

html ×2

css-tables ×1

html-table ×1

jupyter-notebook ×1

layout ×1

pandas ×1

python ×1