Question

我真的坚持这个问题

我的表格中有三个单元格（无标题） - 当我向表格添加滚动条时，表格会保持其宽度，以便滚动条实际上占用右侧单元格并覆盖边框。我不在乎桌子是大一点还是小一点，但我希望桌子的整个内容有3个相同的单元格和边框。滚动条应附在表格上，而不是隐藏内容

我到处寻找并尝试了一切

这是我的代码

<table class="aligncenter" width = "500" style="border-width: 1px; border-color: #6b1ae4; background-color: #cfdfee;" border="1" cellspacing="1" cellpadding="1" align="center">
<tbody>
 <tr>
 <td>cell #1a...............</td>

我现在尝试使用http://jsfiddle.net/TweNm/中的示例，但我遇到了同样的问题

Answer 1

检查fiddle。这是你想要的吗

你的css看起来像这样

#table-wrapper {
  position:relative;
    overflow:auto;
}
#table-scroll {
  height:100px;   
}
#table-wrapper table {
  width:100%;
}
#table-wrapper table * {
  background:yellow;
  color:black;
}
#table-wrapper table thead th .text {
  position:absolute;   
  z-index:2;
  height:20px;
  width:33%;
  border:1px solid red;
}

Answer 2

小提琴对我不好，因为我想要不同的背景颜色（棋盘格） - 必须有办法做到这一点，但我找不到它

这最终对我有用

<div style="padding: 1px; height: 500px;width: 775px;  overflow: auto;">
<table class="aligncenter" width = "755" style="border-width: 1px; border-color: #6b1ae4; background-color: #cfdfee;" border="1" cellspacing="1" cellpadding="1" align="center">

宽度的差异是吗

滚动条覆盖右侧单元格中的文本

2 个答案: