html - 如何更改单个表格单元格的宽度 (<td>)

标签 html css html-table

我正在创建一个非常复杂的表格,我想知道如何在不影响列中其他单元格的情况下更改单个表格单元格的宽度。

<table border="1" class="table table-bordered">
    <tr>
        <td width="25%"><b>SURNAME</b></td>
        <td width="25%"><b>First Names</b></td>
        <td width="10%"><b>Decorations</b></td>
        <td width="20%"><b>Current Appointment</b></td>
        <td width="5%"><b>Date</b></td>
        <td width="15%"><b>File Number</b></td>
    </tr>
    <tr>
        <td width="10%"><b>Department</b></td>
        <td width="10%"><b>Geographical location</b></td>
        <td width="15%"><b>Substantive Appointment</b></td>
        <td width="5%"><b>Date</b></td>
        <td width="10%"><b>Terms of Engagement</b></td>
        <td width="55%"><table class="table table-condensed text_size">
            <thead class="text-gray-b">
                <tr>
                    <td><b>Date Entry Made</b></td>
                    <td><b>Salary Scale</b></td>
                    <td><b>Basic Salary p.a.</b></td>
                    <td><b>Indicement Pay p.a.</b></td>
                    <td><b>Date paid from</b></td>
                    <td><b>M.</b></td>
                    <td><b>Yr</b></td>
                    <td><b>AUTHORITY</b></td>
                    <td><b>Signature (Certified By)</b></td>
                    <td><b>Name Stamp (Certified By)</b></td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><b></b></td>
                    <td><b></b></td>
                    <td><b></b></td>
                    <td><b></b></td>
                    <td><b></b></td>
                    <td><b></b></td>
                    <td><b></b></td>
                    <td><b></b></td>
                    <td><b></b></td>
                    <td><b></b></td>
                </tr>
            </tbody>
        </table>
    </td>
</tr>
</table>

例如,现在我尝试使用“宽度”属性来更改同一列(姓氏和部门)中两个单元格的宽度,但似乎同一列中单元格的大小不能有不同的宽度。

有没有办法让同一列中的表格单元格(td)具有不同的宽度?

最佳答案

你试过 td 元素的 colspan 属性吗,你可以使用像 1 和 2 等数字 当您需要 td 取 2 列等的宽度时

关于html - 如何更改单个表格单元格的宽度 (<td>),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49925602/

相关文章:

html - 使用具有动态高度的CSS更改div的顺序,文本垂直居中对齐

python - Flask 未激活功能

html - CSS 菜单不显示子菜单

javascript - 适用于 Chrome 但不适用于 Internet Explorer

javascript - "Add to cart"与 jQuery

css - 脱节的可点击文本翻转

CSS调整背景图片高度

html - XPath - 根据标签计数复制结果

javascript - 将按钮添加到动态生成的 HTML 表格中

android - 响应表不滚动