0

現在テーブルを使用していますが、最初と最後のセルに事前定義されたコードで列を追加できるかどうかを知りたいと思います。

これが私の現在のテーブルコードです：

<div>
<table id="myTable" class="tablesorter">
<colgroup>
<col class="nam">
<col class="dastgah">
<col class="inform">
<col class="sherkat">
<col class="reviews">
<col class="genre">
<col class="dastgahedigar">
<col class="saal">
<col class="didam">
<col class="seriesid">
</colgroup>        

<thead>
<tr>
<th>Nam</th>
<th>Dastgah</th>
<th>Info</th>
<th>Sherkat</th>
<th>R</th>
<th>Type</th>
<th>Dastgahe Digar</th>
<th>Saal</th>
<th>Baazi<br>Kardam<br>Didam</th>
<th>Series<br>ID</th>
</tr>
</thead>

<tbody>


<tr class="">
<td><a>23 Matches</a></td>
<td><a>Bally Astrocade TAPE</a></td>
<td><a>Tape from the Bob Fabris Collection</a></td>
<td><a>Rich Tietjens</a></td>
<td><a></a></td>
<td><a></a></td>
<td><a></a></td>
<td><a>1980</a></td>
<td><a></a></td>
<td><a></a></td>
</tr>

次のように、テーブルの最初に列を追加し、最後に列を追加します。

<tr class="">
<td><img src="test.png" width="130" height="180" align="middle" ></td>
<td><a>23 Matches</a></td>
<td><a>Bally Astrocade TAPE</a></td>
<td><a>Tape from the Bob Fabris Collection</a></td>
<td><a>Rich Tietjens</a></td>
<td><a></a></td>
<td><a></a></td>
<td><a></a></td>
<td><a>1980</a></td>
<td><a></a></td>
<td><a></a></td>
<td><video src="test.mp4"  height="181" width="199" controls></video></td>

</tr>

最初と最後の列に事前定義されたコードを追加するか、少なくとも最初と最後のセルのコードをすべての行にコピーしたいと思います。

現在、メモ帳を使って手動で行っています。行を追加して後で作業したいのですが、たとえばimgソースは後で変更されます。JavaScriptは、列の昇順と降順を一覧表示するためのjQueryスクリプトだけだと思います。

私はjQueryコードで解決策を部分的に見つけました：

$(document).ready(function(){
    $('table').find('tr').each(function(){
        $(this).find('td').eq(0).before('<td><img src="Dastgahaye_Nasle_3-Dateien/Aksha/C64/Cover/Cover_Nadare.png" width="130" height="180" align="middle"></td>');
    });
 });

ページをロードするたびに列を生成する必要がないように、列が作成された後にコードを保存する方法はありますか？Firefoxに保存してみましたが、保存すると列は生成されますが、フォルダパスは削除されます。

4

1 に答える 1

0

これには多くの方法がありますが、そのためにはプログラミング言語またはスクリプト言語を使用する必要があります。

jQueryを使用して簡単に実現できます。この回答をご覧ください: Add table row in jQuery、またはPHPを使用(直接またはcodeigniterなどのフレームワークを使用)

編集

ページを動的に構築するには (必要に応じて変更します)、スクリプトまたは取得元のソース (mysql、ajax 呼び出しなど) を変更するだけです。

あなたの生活を楽にする jQuery プラグインを試してみてください。いくつかの素敵なプラグインのリストをここで見ることができます。

于 2012-12-23T15:37:36.470 に答える