html - 表中的不同宽度 `th` & `td`

标签 html css

我的问题是将例如 th 放在 50pxtd 放在 500px,至少是这样可能吗?

对于我的问题,我使用 datatable 但为了让大多数人都能回复我,我分享了一个简单的代码:

.abc {
  width: 500px;
}

.def {
  width: 50px;
}
<head>
  <title> Data Table </title>

</head>

<body>
  <table border="1">
    <thead>
      <tr>
        <th>dkjg</th>
        <th class="def">fdsg</th>
        <th>dsgs</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>sdkhgdlg</td>
        <td class="abc">dsghj</td>
        <td>dfsjhn</td>
      </tr>
      <tr>
        <td>sdkhgdlg</td>
        <td class="abc">dsghj</td>
        <td>dfsjhn</td>
      </tr>
    </tbody>
  </table>

最佳答案

不,这不可能。表格中的所有列将始终具有相同的宽度。

您可以通过声明两个单独的表来做到这一点。标题见表1,内容见表2。

关于html - 表中的不同宽度 `th` & `td`,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46161373/

相关文章:

html - 在下拉菜单上添加过渡

css - 基于边框的三 Angular 形未按预期呈现

javascript - 覆盖事件类后突出显示事件选项卡(jQuery)

html - 删除两个导航栏之间的底部边距 - bootstrap

html - 溢出自动使元素隐藏的负位置

html - 如何像 Unsplash 一样调整背景图片

html - 如何使用响应 View 使 td 右对齐到顶部?

javascript - 以图片为背景的文字 block 隐藏效果!不透明度的线性梯度?

javascript - 选择伪元素 :focus and :active via JS

javascript - $(document).keydown/up 在使用辅助键时不起作用