标签: html-table

我有一张宽100%的桌子.如果我将<td>s放入其中,它们会以相等长度的列展开.但是,我希望除了last之外的所有列都具有尽可能小的宽度,而不包装文本.

我首先做的是我设置width="1px"了<td>除了最后一个以外的所有(虽然已经弃用,但style="width:1px"没有任何效果),这在我在列中有多字数据之前工作正常.在这种情况下,为了保持尽可能小的长度,它包裹了我的文本.

让我来证明一下.想象一下这张表:

---------------------------------------------------------------------------------
element1 | data      | junk here   | last column
---------------------------------------------------------------------------------
elem     | more data | other stuff | again, last column
---------------------------------------------------------------------------------
more     | of        | these       | rows
---------------------------------------------------------------------------------

无论我尝试什么,我一直得到的是这样的:

---------------------------------------------------------------------------------
element1         | data             | junk here        | last column
---------------------------------------------------------------------------------
elem             | more data        | other stuff      | again, last column
---------------------------------------------------------------------------------
more             | of               | these            | rows
---------------------------------------------------------------------------------

或者(即使我设定style="whitespace-wrap:nowrap")这个:

---------------------------------------------------------------------------------
         |      | …

是否可以在表格上固定行(tr)的高度？

当我缩小浏览器的窗口,一些行开始播放,我无法修复行的高度时出现问题.

我试过几种方法: tr width="20" / tr style="height:20px" / td height="20" / td style="height:20px"

我正在使用IE7

样式

.tableContainer{
    color:#0076BF;
    margin: -10px 0px -10px 0px;
    border-spacing: 10px;
    empty-cells:show;
    width:90%;
    text-align:left;
} 

.tableContainer tr td{
    white-space:nowrap;
    text-align:left;
}

HTML代码.

<table class="tableContainer" cellspacing="10px">
    <tr style="height:15px;">
        <td>NHS Number</td>
        <td>&#160;</td>
        <td>Date of Visit</td>
        <td>&#160;</td>
        <td colspan="3">Care Time Started</td>
        <td>&#160;</td>
        <td rowspan="2" style="text-align:right;vertical-align:bottom;">&#9745;</td>
        <td rowspan="2" style="font-weight:bold;vertical-align:bottom;">Tick when<br/>                        care starts</td>
    </tr>
    <tr>
        <td width="90" class="tableContainerRow2">&#160;</td>
        <td >&#160;</td>
        <td width="80" class="tableContainerRow2">&#160;</td>
        <td >&#160;</td>
        <td width="40" class="tableContainerRow2">&#160;</td>
        <td  width="5">:</td>
        <td …

如何隐藏HTML表格行<tr>以使其不占用空间？我有几个<tr>设置style="display:none;",但它们仍然影响表的大小,表的边框反映隐藏的行.

是否可以为没有JavaScript的表格单元格提供工具提示.不能用它.

我不能将我的表行设置为某些东西的链接.我只能使用css和html.我尝试了不同的东西,从div到另一个,但仍然不能使它工作.

我有一个HTML表格,里面有很多行.

如何从表中删除所有行？

我不知道如何在HTML表中合并行和列.

你可以帮我用HTML制作这样的表格吗？

有没有办法使用HTML/CSS(具有相对大小)来使一行单元格拉伸包含它的表的整个宽度？

单元格应该是相等的宽度,外部表格大小也是动态的<table width="100%">.

目前,如果我没有指定固定的大小; 细胞只是自动调整以适应其内容.

<table>
<tr>
<td>Test</td>
<td>A long string blah blah blah</td>
</tr>
</table>

<style>
td{max-width:67%;}
</style>

以上不起作用.如何使用百分比设置表格单元格的最大宽度？

我想让html表的一些单元格可编辑,只需双击一个单元格,输入一些文本,然后可以将更改发送到服务器.我不想使用像dojo数据网格这样的工具包.因为它提供了一些其他功能.您能否提供一些代码片段或有关如何实现它的建议？