見出しをクリックして並べ替え可能なテーブル

morbusg

TeXでテーブルを作成し、列ヘッダーを持つPDFにコンパイルして、それらをクリックすると(数値の)テーブルコンテンツがその列で並べ替えられるようにすることは可能ですか?

PDFにJavascriptを含めることができることを理解しています。これにより、このようなことが可能になる可能性があります。

誰かがそのようなことをしましたか?

ジョセフ

私のコメントの後、それはOCGレイヤーで可能であるはずですが、ocg-pパッケージocgtabularがまさにあなたが望むことを実行する環境を提供することを知りました。

ocg-pドキュメントからの例

\documentclass{article}
\usepackage[ocgtabular]{ocg-p}
\usepackage{datatool} % will be needed for this example
\usepackage{booktabs} % will be needed for this example
\DTLnewdb{sdata}
\DTLnewrow{sdata}
\DTLnewdbentry{sdata}{Firstname}{John}
\DTLnewdbentry{sdata}{Lastname}{Doe}
\DTLnewdbentry{sdata}{Grade}{5}
\DTLnewrow{sdata}
\DTLnewdbentry{sdata}{Firstname}{Paul}
\DTLnewdbentry{sdata}{Lastname}{Bauer}
\DTLnewdbentry{sdata}{Grade}{1}
\DTLnewrow{sdata}
\DTLnewdbentry{sdata}{Firstname}{Peggy}
\DTLnewdbentry{sdata}{Lastname}{Sue}
\DTLnewdbentry{sdata}{Grade}{3}
\DTLnewrow{sdata}
\DTLnewdbentry{sdata}{Firstname}{Ever}
\DTLnewdbentry{sdata}{Lastname}{Last}
\DTLnewdbentry{sdata}{Grade}{4}
\DTLnewrow{sdata}
\DTLnewdbentry{sdata}{Firstname}{Werner}
\DTLnewdbentry{sdata}{Lastname}{Moshammer}
\DTLnewdbentry{sdata}{Grade}{1}
\begin{document}
This table can be sorted by clicking on the headers:

\begin{ocgtabular}{llc}{sdata}{}
\toprule%
\bfseries \setocgtabularheader{Firstname}{First name}
& \bfseries \setocgtabularheader{Lastname}{Last name}
& \bfseries \setocgtabularheader{Grade}{Grade}
\DTLforeach{sdata}{\first=Firstname, \last=Lastname,\grade=Grade}{%
\DTLiffirstrow{\\ \midrule}{\\}
\first & \last & \grade
}
\\ \bottomrule%
\end{ocgtabular}
\end{document}

名でソート 姓でソート グレードでソート

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

表の見出しをクリックして配列を並べ替える

分類Dev

.appendで追加された並べ替え可能なアイテムのクリックを検出します

分類Dev

AngularJsを使用した並べ替え可能なテーブル列

分類Dev

Powershell を使用した並べ替え可能な HTML テーブル

分類Dev

数値と文字列値を持つ列のテーブルヘッダーをクリックしてReactテーブルを並べ替える

分類Dev

ユーザーが列をクリックしたときにテーブルを並べ替える

分類Dev

クロスタブクエリの日付順-別のテーブルを使用して並べ替える

分類Dev

.NET MVC 5 C#-ページ上のアイテムのリストを姓などで並べ替えるために使用される列見出しの横にクリック可能なアイコンを配置しますか?

分類Dev

Pythonを使用して、インデックス付き列とインデックスなし列に基づいてテーブル値を並べ替える

分類Dev

1つの列IDに関して2つのテーブルを並べ替え、見出し

分類Dev

Primengの並べ替え可能なテーブルは並べ替えられた列を指定します

分類Dev

テーブルに適用されている並べ替えをコードからクリアします

分類Dev

mysql-新しいテーブルを作成してフィールド名で並べ替えるクエリが機能しない

分類Dev

並べ替え、ドラッグ、注文可能なテーブル+ MVCが順序を正しく更新しない

分類Dev

SQLクエリを使用して取得するときにテーブルの月を並べ替える方法は?

分類Dev

JTableクリック可能な列の並べ替え:並べ替えはセルのコンテンツを並べ替えますが、セルの書式を更新しませんか?

分類Dev

見出しでマークダウンファイルを並べ替える

分類Dev

ヘッダーをクリックしてテーブルの列を昇順または降順で並べ替える方法

分類Dev

並べ替え可能なjsなし-jqueryプラグインはdivを並べ替えますが、テーブルは並べ替えません

分類Dev

テーブル内のさまざまな見出しに基づくcssテーブルの並べ替え

分類Dev

クエリ句ではなくAngularJSを使用して2つの列の違いでテーブルを並べ替える方法は?

分類Dev

クエリ句ではなくAngularJSを使用して2つの列の違いでテーブルを並べ替える方法は?

分類Dev

phpクリックして順序を並べ替える

分類Dev

Javascriptの並べ替えコールバックがすべてのブラウザで機能しない

分類Dev

テーブルではなくSQLクエリを並べ替える

分類Dev

DynamoDBテーブルのセカンダリグローバルインデックスを最適化して、すべてのレコードを並べ替え可能に保ちながら、レコードが均等に分散されるようにするにはどうすればよいですか?

分類Dev

存在しない可能性のある日付フィールドに基づいてクエリを並べ替えてクエリする

分類Dev

jqueryを使用してHTMLテーブルにない要素を並べ替える

分類Dev

子行を使用してテーブルを並べ替える

Related 関連記事

  1. 1

    表の見出しをクリックして配列を並べ替える

  2. 2

    .appendで追加された並べ替え可能なアイテムのクリックを検出します

  3. 3

    AngularJsを使用した並べ替え可能なテーブル列

  4. 4

    Powershell を使用した並べ替え可能な HTML テーブル

  5. 5

    数値と文字列値を持つ列のテーブルヘッダーをクリックしてReactテーブルを並べ替える

  6. 6

    ユーザーが列をクリックしたときにテーブルを並べ替える

  7. 7

    クロスタブクエリの日付順-別のテーブルを使用して並べ替える

  8. 8

    .NET MVC 5 C#-ページ上のアイテムのリストを姓などで並べ替えるために使用される列見出しの横にクリック可能なアイコンを配置しますか?

  9. 9

    Pythonを使用して、インデックス付き列とインデックスなし列に基づいてテーブル値を並べ替える

  10. 10

    1つの列IDに関して2つのテーブルを並べ替え、見出し

  11. 11

    Primengの並べ替え可能なテーブルは並べ替えられた列を指定します

  12. 12

    テーブルに適用されている並べ替えをコードからクリアします

  13. 13

    mysql-新しいテーブルを作成してフィールド名で並べ替えるクエリが機能しない

  14. 14

    並べ替え、ドラッグ、注文可能なテーブル+ MVCが順序を正しく更新しない

  15. 15

    SQLクエリを使用して取得するときにテーブルの月を並べ替える方法は?

  16. 16

    JTableクリック可能な列の並べ替え:並べ替えはセルのコンテンツを並べ替えますが、セルの書式を更新しませんか?

  17. 17

    見出しでマークダウンファイルを並べ替える

  18. 18

    ヘッダーをクリックしてテーブルの列を昇順または降順で並べ替える方法

  19. 19

    並べ替え可能なjsなし-jqueryプラグインはdivを並べ替えますが、テーブルは並べ替えません

  20. 20

    テーブル内のさまざまな見出しに基づくcssテーブルの並べ替え

  21. 21

    クエリ句ではなくAngularJSを使用して2つの列の違いでテーブルを並べ替える方法は?

  22. 22

    クエリ句ではなくAngularJSを使用して2つの列の違いでテーブルを並べ替える方法は?

  23. 23

    phpクリックして順序を並べ替える

  24. 24

    Javascriptの並べ替えコールバックがすべてのブラウザで機能しない

  25. 25

    テーブルではなくSQLクエリを並べ替える

  26. 26

    DynamoDBテーブルのセカンダリグローバルインデックスを最適化して、すべてのレコードを並べ替え可能に保ちながら、レコードが均等に分散されるようにするにはどうすればよいですか?

  27. 27

    存在しない可能性のある日付フィールドに基づいてクエリを並べ替えてクエリする

  28. 28

    jqueryを使用してHTMLテーブルにない要素を並べ替える

  29. 29

    子行を使用してテーブルを並べ替える

ホットタグ

アーカイブ