html - 禁用单个列和行的边框折叠

标签 html css html-table

我的 table 有点问题。我希望第一列和第一行有单独的边框,但表格的其余部分有折叠的边框。我测试过在 td 和 th 上使用 border-collapse 属性,但它似乎只适用于表格标签。我需要做什么才能意识到这一点?

我的 table :

<table id=sptable>
...
</table>

我的 CSS:

table#sptable { border-collapse: collapse;
}

最佳答案

那么对于第一行,您可以像这样在其后面添加一个空行:

<tr><td style="height: 20px;"></td></tr>

FIDDLE

编辑:

cols 的更新也很好。 FIDDLE (相同的过程,添加一些 th 而不是 tr)

关于html - 禁用单个列和行的边框折叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27106368/

相关文章:

javascript - 如何使网站的图像相对于其页面浏览量或点击量增大?

div 内的 css 对齐列表

html - CSS:当不知道div的固定大小时垂直对齐div

css - 隐藏列时如何保持表格列的宽度?

javascript - 使用 jQuery 调整表列大小

html - 如何在 html 和 css 中创建段落首字母大写(特殊格式)

html - 鼠标移出背景动画 - CSS

html - 将鼠标悬停在表中 <hr> 上的效果

javascript - AngularJS $scope 在 javascript 中更新但在 html 中不更新

javascript - 为什么 css 动画在移动设备上更快?