0

テーブルがあり、各行には3つの列が含まれています。各行に、その横にリンクを追加したいと思います。

<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>

a最後の後にリンクを追加しようとしましたtdが、そのリンクはテーブルの一番上になります。よろしくお願いします。

4

3 に答える 3

1

リンクを含めるには、テーブル セルを追加する必要があります。また、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をtd含むに CSS クラスを追加します。a次に、スタイリングを次のように定義します。

CSS

table{
    text-align: center;
}

td{
    width: 200px;
}

td.link{
    width: 50px;
}

作業例: http://jsfiddle.net/y9C3G/

于 2013-03-13T08:52:44.897 に答える
1 
<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-13T09:08:56.757 に答える
1

<a>そのようなタグを直接内部に持つことは有効ではありません<tr>。リンクを独自のセルに配置して、テーブルに別の列を追加します。また、おそらく<th>最初の行に別のcolspan="2"属性を追加するか、説明の属性に属性を追加する必要があります。

また、<tbody>要素を含める<th>にはテーブルが必要<thead>です。

<table>
  <thead>
    ...
  </thead>
  <tbody>
    ...
  </tbody>
</table>
于 2013-03-13T08:57:38.847 に答える