html把链接放在每个表格行旁边

我有一个表格，每行包含三列，我想为每一行添加一个链接在旁边。html把链接放在每个表格行旁边

<table> 
    <th> 
     Name: 
    </th> 
    <th> 
     Price: 
    </th> 
    <th> 
     Description 
    </th> 

    <?php while ($row = $foods->fetch()) { ?> 
     <tr> 
      <td> 
       <?php echo $row['Name']; ?> 
      </td> 
      <td> 
       <?php echo $row['foodPrice']; ?> 
      </td> 
      <td> 
       <?php echo $row['foodDescription']; ?> 
      </td> 
     <a class="editLink">roma</a> 
     </tr> 
    <?php } ?> 
</table>

我想最后td后添加一个链接a但链接成为在表的顶部，在此先感谢

来源

2013-03-13 Marco Dinatsoli

为什么你只是不添加其他每个保持联系？ – Razmig 2013-03-13 08:53:03

，因为这使得所有的tds的宽度相同 – 2013-03-13 09:00:13

你可以添加类到特定的来控制宽度吗？ – Razmig 2013-03-13 09:02:07

您需要添加一个表格单元格包含的链接。此外，th标签应该被tr标签包围。

<table> 
    <tr> 
     <th> 
      Name: 
     </th> 
     <th> 
      Price: 
     </th> 
     <th> 
      Description 
     </th> 
     <th> 
     </th> 
    </tr> 

    <?php while ($row = $foods->fetch()) { ?> 
     <tr> 
      <td> 
       <?php echo $row['Name']; ?> 
      </td> 
      <td> 
       <?php echo $row['foodPrice']; ?> 
      </td> 
      <td> 
       <?php echo $row['foodDescription']; ?> 
      </td> 
      <td class="link"><!-- Your missing this --> 
       <a class="editLink">roma</a> 
      </td><!-- and this --> 
     </tr> 
    <?php } ?> 
</table>

要设置不同于其他链接的单元格，您需要使用CSS。将link的CSS类添加到td，其中包含您的a标记。然后如下定义样式：

CSS

table{ 
    text-align: center; 
} 

td{ 
    width: 200px; 
} 

td.link{ 
    width: 50px; 
}

工作实例：http://jsfiddle.net/y9C3G/

来源

2013-03-13 08:52:44

以下添加一个代码片段，这是我已经尝试过的链接，因为在表格顶部，而不是在行旁边 – 2013-03-13 09:00:50

@MarcoDinatsoli你在帖子中的例子显示你没有用' td'标签，我的示例略有不同，链接被'td'标签包围。在我的标记 – 2013-03-13 09:02:12

中寻找评论是的，它知道这种方式，但在你的方式所有的领域有相同的宽度，我希望链接宽度小，因为它只是一个链接，它没有任何意义如果它的宽度等于一个字段，如说明字段 – 2013-03-13 09:05:31

它是无效的有<a>标签直接内<tr>这样。通过将链接放置在其自己的单元格中，将另一列添加到表格中。您可能还想在第一行添加另一个<th>，或者将colspan="2"属性添加到说明1。

另外，表需要包含一个<tbody>元素，我建议把你的<th> S IN一个<thead>：

<table> 
    <thead> 
    ... 
    </thead> 
    <tbody> 
    ... 
    </tbody> 
</table>

来源

2013-03-13 08:57:38

什么是colsan？如果我添加一个新的TD，这使得行中的所有单元格具有相同的宽度，我不希望这样，因为它只是一个链接，我有一个字段包含大量的单词 – 2013-03-13 09:02:55

一个colspan指示一个单元格它应该跨越多少列。例如，如果您在该单元格上设置了'rowspan =“5”'，那么可以有一个包含五列的表格，但一行包含一个单元格。 – 2013-03-13 13:10:42

<tr> 
    <td>Your Content</td> 
    <td>Your Content</td> 
    <td>Your Content</td> 
    <td class="myLinkClass"><a href=""></a></td> 
</tr> 

<style> 
    .myLinkClass { 
     width: 100px; /* This will give width for only the td with this class */ 
    } 
</style>

来源

2013-03-13 09:08:56 Razmig

html把链接放在每个表格行旁边

回答

相关问题