Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 设置折叠柱的最大宽度_Html_Css_Html Table - Fatal编程技术网

Html 设置折叠柱的最大宽度

Html 设置折叠柱的最大宽度,html,css,html-table,Html,Css,Html Table,我得到了一张有折叠行的桌子,就像这样: 正如您在示例中看到的,如果行正在扩展,则第一列将变得更宽。(反正已经太大了) 以百分比或像素为单位设置最大宽度,或将列定义为“col-2”(bootstrap4)都不起作用 如何设置第一列的宽度 您可以尝试在列的第th个标记上设置固定宽度: <table class="table table-responsive table-hover"> <thead> <tr> <

我得到了一张有折叠行的桌子,就像这样:

正如您在示例中看到的,如果行正在扩展,则第一列将变得更宽。(反正已经太大了)

以百分比或像素为单位设置最大宽度,或将列定义为“col-2”(bootstrap4)都不起作用


如何设置第一列的宽度

您可以尝试在列的第th个标记上设置固定宽度:

<table class="table table-responsive table-hover">
   <thead>
        <tr>
            <th style="width: 25px">Column</th>
            <th>Column</th>
            <th>Column</th>
            <th>Column</th>
        </tr>
    </thead>
    <tbody>
      ...
    </tbody>
</table>

纵队
纵队
纵队
纵队
...

你的叉形靴子:

对我来说很有用。谢谢!这可能很容易,我不知道为什么我没有尝试这个简单的解决方案。也许这取决于漫长的工作日:)