如何更改单个表格单元格的宽度()

时间:2018-04-19 16:07:27

标签: 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>

例如,现在我尝试使用'width'属性来更改同一列(SURNAME&amp; Department)中两个单元格的宽度,但似乎同一列中单元格的大小不能有不同的宽度

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

这是不可能的 - 关于表的特殊事物(布局方式)就是这样,列中的所有单元格将始终自动具有相同的宽度,并且行中的所有单元格将始终自动具有同样的高度。

colspan标记中唯一的({1}}和rowspan个属性,它们确定该特定单元格占用了自身的空间和< / em>后续单元格(取决于该属性中的数字值)。但是,您必须小心将 less 单元格放在行或列中,以便总数保持不变(常规单元格计为1,其他单元格由td计算或colspan值)