具有扩展列的HTML表

具有扩展列的HTML表,html,css,Html,Css,我真的不确定是否有办法做到这一点,到目前为止,我想我只需要制作一个具有绝对定位的单独元素,并将其放置在适当的位置 这就是我想用这张桌子做的。。。有可能吗?现在我有一张桌子,你可以看到右边的一部分,但我只是想想办法做到这一点 我现在有一个正常的桌子布局:但看看小提琴: 我想主要的挑战将是保持边界半径 <table class="overviewTable"> <thead> <tr>

我真的不确定是否有办法做到这一点,到目前为止,我想我只需要制作一个具有绝对定位的单独元素,并将其放置在适当的位置

这就是我想用这张桌子做的。。。有可能吗?现在我有一张桌子,你可以看到右边的一部分,但我只是想想办法做到这一点

我现在有一个正常的桌子布局:但看看小提琴:

我想主要的挑战将是保持
边界半径

<table class="overviewTable">
            <thead>
                <tr>
                    <th colspan="5">
                        FAN FREE TERMINALS</th>
                </tr>
            </thead>
            <thead class="posiOverviewPN">
                <tr>
                    <th class="txHeader">
                        TX4200E</th>
                    <th class="ksHeader">
                        KS6700</th>
                    <th class="ksHeader">
                        KS7200</th>
                    <th class="ksHeader">
                        KS7500</th>
                    <th class="ksHeader">
                        KS7700</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <img height="68px" src="../posiflex/images/tx-4200.png" width="120px"></td>
                    <td>
                        <img height="108px" src="../posiflex/images/ks6700.png" width="120px"></td>
                    <td>
                        <img height="109px" src="../posiflex/images/ks7200.png" width="120px"></td>
                    <td>
                        <img height="117px" src="../posiflex/images/ks7500.png" width="120px"></td>
                    <td>
                        <img height="119px" src="../posiflex/images/ks7700.png" width="120px"></td>
                </tr>
            </tbody>
        </table>

无风扇终端
TX4200E
KS6700
KS7200
KS7500
KS7700

我相信您想要做的是基本的表格结构:

您所需要做的就是使用空的th/td单元:

<table>
    <thead>
        <tr>
            <th><!--empty--></th>
            <th>TX42</th>
        </tr>
        <tr>
            <th><!--empty--></th>
            <th>image</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Advantage</td>
            <td>Industrial grade...</td>
        </tr>
    </tbody>
</table>

TX42
形象
优势
工业级。。。

发布您已有的代码,这样我们就可以看到您尝试过的内容。为什么可能?CTravel我的代码只是一个简单的表格布局。我没做什么特别的事。但是查看原始帖子中的小提琴。看看小提琴。。。我希望它是如此简单,你想要的一切都可以通过常规的HTML表格和CSS样式来完成。请注意,您可以使用css类轻松设置表/单元格的样式,避免使用:not、:first child等。人们似乎讨厌w3schools,但我总是觉得它很有用。对,我明白你的意思,但在这种情况下,我觉得说
:not
和/或
:first child
比说
class=“…”
更容易,特别是因为我有多行。