0

これの言い方がわからないので、意味がわからない場合はお知らせください。

私はこのようなテーブルを持っています

Name     | Email          | Phone
John Doe | jdoe@email.com | 555-5555
Jane Doe | jdoa@email.com | 555-5555

ここで、リストされているすべての名前がリンクであるとしましょう。そのリンクをクリックすると、現在の行とその下の行の間に領域が表示されます。この新しいエリアは、その下にあるすべてのものを押し下げます。この新しい領域は、テーブルの列の構造に限定することはできず、通常の行よりも長くすることができますが、テーブルの幅に限定する必要があります。

このようなもの:

Name     | Email          | Phone
John Doe | jdoe@email.com | 555-5555
^
This is an area that was once hidden
but now is shown.
Jane Doe | jdoa@email.com | 555-5555

(ニンジンは、そのエリアの架空のボックスを表示する私のバージョンです)

私がそうしているのは、すべての行が埋められ、作成したjs関数へのリンクが含まれているテーブルです。この関数はidを受け入れ、jqueryのslideToggle関数を呼び出します。作成するすべての行について、display=noneを設定する2番目の行も作成しています。そのテーブル行が他のすべての行の列幅に制限されているため、これは明らかに機能していません(実際には、最初の行を拡張するだけです)。

これを行う方法について何か提案はありますか?

4

1 に答える 1

0

colspanテーブルがセル幅の固定数である場合、セルの属性を使用して、それらすべてにまたがる単一のセルを持つ行を追加できます。

<tr>
 <td colspan="3">
  <!-- content -->
 </td>
</tr>
于 2010-09-30T23:03:12.597 に答える