Bootstrap 如何使td填充表中的所有行而不使用colspan

r8uurelv  于 2023-06-20  发布在  Bootstrap
关注(0)|答案(1)|浏览(135)

我有一个问题,这是我的代码:

<table class="table table-striped">
    <thead class="thead-dark">
        <tr>
            <th colspan="9" style="text-align: center">Main Header</th>
        </tr>
    </thead>
    <tr>
        <th>checkbox</th>
        <th>columna 1</th>
        <th>columna 2</th>
        <th>columna 3</th>
        <th>columna 4</th>
        <th>columna 5</th>
        <th>columna 6</th>
        <th>columna 7</th>
        <th>columna 8</th>
        <th>columna 9</th>
    </tr>
    <tr>
        <td><input type="checkbox" /></td>
        <td>coso 1</td>
        <td>coso 2</td>
        <td>coso 3</td>
        <td>coso 4</td>
        <td>coso 5</td>
        <td>coso 6</td>
        <td>coso 7</td>
        <td>coso 8</td>
        <td>coso 9</td>
    </tr>
    <tr>
        <th></th>
        <th>columna 1</th>
        <th>columna 2</th>
        <th>columna 3</th>
        <th>columna 4</th>
    </tr>
    <tr>
        <td><input type="checkbox" /></td>
        <td>coso 1</td>
        <td>coso 2</td>
        <td>coso 3</td>
        <td>coso 4</td>
    </tr>
</table>

我正在使用Bootstrap,问题是第四和第五行比其他行短,我想做的是那些td填充所有宽度而不使用colspan,因为行来自服务器,我不知道有多少行,我只知道最大的列数是9,我想做的是填充所有宽度,以便在较短的行的右侧没有白色。

w51jfk4q

w51jfk4q1#

我知道你想避免colspan,到目前为止我还没有找到方法,但使colspan > max的列,你可以动态,将做的伎俩,没有什么会溢出。

相关问题