0

私はjqueryの非常に新しいです。テーブルで並べ替えたいのですが、ドキュメント、言語、日付、形式の4つの列があるHTMLテーブルのシナリオについて説明します。ここで、最初の列のドキュメントを並べ替え、ページが読み込まれたときにドキュメント内で言語で並べ替えたいと思います。誰かがこれについて私を助けてくれますか？

これはHTMLです

<table id="Sorting">
<tbody>
<tr>
<td>Documents</td>
<td>Language</td>
<td>Date</td>
<td>Format</td>
 </tr>
<tr>
<td>Document1</td>
<td>English</td>
<td>01/01/2012</td>
<td>PDF</td>
</tr>
<tr>
<td>Document2</td>
<td>French</td>
<td>01/01/2012</td>
<td>PDF</td>
</tr>
<tr>
<td>Document3</td>
<td>Dutch</td>
<td>01/01/2012</td>
<td>PDF</td>
</tr>
<tr>
<td>PDFDoc1</td>
<td>German</td>
<td>01/12/2012</td>
<td>XSL</td>
</tr>
<tr>
<td>PDFDoc2</td>
<td>English</td>
<td>01/01/2012</td>
<td>PDF</td>
</tr>
<tr>
<td>PDFDoc3</td>
<td>Norwegian</td>
<td>01/01/2012</td>
<td>PDF</td>
</tr>
<tr>
<td>Document4</td>
<td>Spanish</td>
<td>01/01/2012</td>
<td>PDF</td>
</tr>
<tr>
<td>Document5</td>
<td>Dutch</td>
<td>01/01/2012</td>
<td>PDF</td>
</tr>

</tbody>

</table>
4

1 に答える 1

1

私があなたなら、 DataTablesプラグインを使用します。

「DataTablesはjQueryJavascriptライブラリのプラグインです。これは、プログレッシブエンハンスメントの基盤に基づく非常に柔軟なツールであり、HTMLテーブルに高度なインタラクションコントロールを追加します。」

あなたがjQueryに不慣れであり、プラグインを使用する可能性があなたを脅かすかもしれないとしても、このすべてのテーブルソートのものを自分で書き込もうとするのは難しいでしょう。私はDataTablesを使用しました-使用するのは比較的簡単で、ドキュメントは本当に広範囲です。

于 2012-08-18T05:57:04.860 に答える