1 
middle += "<tr class='tRow'>"
               + "<td>"
                  + "<a href='" + output.get(i).get("itemURL") + "'>"
                  + gallery 
                  + "</a>"
               + "</td>"
               + "<td class='title'>"
                  + "<a href='" + output.get(i).get("itemURL") + "'>"
                  + ""+ (output.get(i).get("title")).replaceAll("\"","\'\'")+"" // replaces quatations into '

                  + "</a>"
               + "</td>"
               +

名称为“标题”（类名）的列需要受样式表的影响以减小列的宽度。只有那一列需要受到影响。还有更多的列。这是CSS：

td.title{
          width:18%;
         }

但是这个 CSS 会影响表中的所有列。其余列的宽度受到影响，但其中一些列的宽度与 CSS 指定的不同。我尝试了内联样式表，但它仍然影响所有列。问题是什么？干杯

其他详细信息：私有字符串 getBeginning(int tableNumber) {

      return "<html><head><title>"+ (tableNumber - 1)+"</title>"

          + "</head><body>"
          + "<table id='example' class='tablesorter' cellpadding='3' >" // border='1' cellpadding='1' cellspacing='2'
          + "<thead>"
                 + "<tr class='tHead'>"
                       + "<th/>"
                       + "<th>Title</th>"
                       + "<th>Total Price</th>"
                       + "<th>Currency</th>"
                       + "<th>Condition</th>"
                       + "<th>Location</th>"
                       + "<th>End Time</th>"
                       + "<th>Map</th>"
                + "</tr>"
          + "</thead>"
          + "<tbody>";
}


       middle += "<tr class='tRow'>"
               + "<td>"
                  + "<a href='" + output.get(i).get("itemURL") + "'>"
                  + gallery 
                  + "</a>"
               + "</td>"
               + "<td class='title'>"
                  + "<a href='" + output.get(i).get("itemURL") + "'>"
                  + ""+ (output.get(i).get("title")).replaceAll("\"","\'\'")+"" // replaces quatations into '

                  + "</a>"
               + "</td>"
               + "<td>"
                  + ""+output.get(i).get("total") +""
               + "</td>"
               + "<td>"
                  + ""+output.get(i).get("currency")+""
               + "</td>"
               + "<td>"
                  + ""+condition+""
               + "</td>"
               + "<td>"
                  + ""+output.get(i).get("location")+""
               + "</td>"
               + "<td>"
                  + ""+output.get(i).get("endTime").split("T")[0]+""
               + "</td>"
               + "<td>"
               + "<a href='" + getMap(location, postCode, "0") + "'>"
               + "<img src='" + getMap(location, postCode, "1") + "'> "
               +"</a>"
               + "</td>"
               + "</tr>";

字符串结束="";

我在 Firefox 3.6.11 上运行这个 Web 应用程序。没有尝试在不同的浏览器上运行它。

4

1 回答 1

1

这里要注意的重要一点是，百分比值与表格可用的空间量有关，而不是与页面或包含 div 的空间有关。尝试使用绝对值，例如200. 如果您已经width在表格上进行了设置，这也可能会使事情复杂化，这意味着您不会让浏览器决定最终的宽度。

在没有看到其余代码并且不知道表格所在的上下文的情况下，或者您是否在表格本身上设置了宽度，我可以告诉您，当表格本身设置了宽度时，在单个列上设置宽度会改变其他列的宽度，因为它们即将填满空间。在这种情况下，让单元格的大小自行排序通常是一个好主意，因为用于设置宽度的算法是非常动态的。或者，您可以非常严格，并完全按照您希望它出现的方式设置每列的宽度。

要阅读该主题，请参阅HTML 规范。

于 2011-04-07T15:55:29.833 回答